Skip to content

M
mt-education-web
Commit 43e5292c authored by WangXu's avatar WangXu
Browse files
Options

任务统计查看详情，流程名称修改

parent 9db49dc4
Expand all Show whitespace changes
Inline Side-by-side
Showing with 619 additions and 106 deletions
src/components/mt-show-input/index.vue
View file @ 43e5292c
<template>
<div class="mt-show-input">
<div class="mt-show-input" :style="inputWidth">
<input
ref="input"
:class="inputTypeClass"
......@@ -9,13 +9,12 @@
@click="handleClick"
@blur="handleBlur"
/>
<div class="icon" @click="handleIconClick">
<div class="icon" @click="handleIconClick" v-if="!isEdit">
<slot name="icon"></slot>
</div>
</div>
</template>
<script>
......@@ -36,9 +35,18 @@
inputTypeClass() {
return {
'text': !this.isEdit,
'has-icon': this.$slots.icon
'has-icon': this.$slots.icon,
'editting': this.isEdit
}
},
inputWidth() {
if (this.isEdit) {
return {
width: '100%'
}
}
return {}
}
},
watch: {
text(newVal) {
......@@ -82,21 +90,32 @@
.mt-show-input {
position: relative;
}
input {
border: none;
border-bottom: black 1px solid;
/*border: none;*/
/*border-bottom: black 1px solid;*/
border: 1px solid #d9d9d9;
border-radius: 4px;
transition: border-color 0.3s;
}
input:focus {
border: none;
border-bottom: black 1px solid;
outline-offset: 0;
outline: none;
/*border: none;*/
/*border-bottom: black 1px solid;*/
/*outline-offset: 0;*/
/*outline: none;*/
border-color: #40a9ff;
outline: 0;
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
border-right-width: 1px !important;
}
.text {
/*background-color: black;*/
border: none;
}
.has-icon{
.has-icon {
padding-right: 35px;
}
......@@ -105,6 +124,7 @@
outline-offset: 0;
outline: none;
}
.icon {
position: absolute;
right: 0;
......@@ -112,4 +132,8 @@
width: 30px;
cursor: pointer;
}
.editting {
width: 100%;
}
</style>
src/utils/request.js
View file @ 43e5292c
......@@ -11,8 +11,8 @@ import {
// 创建 axios 实例
const service = axios.create({
// baseURL: 'http://106.2.13.200:8032', // api base_url
baseURL: 'http://192.168.0.142:8080', // api base_url
baseURL: 'http://106.2.13.200:8032', // api base_url
// baseURL: 'http://192.168.9.23:8080', // api base_url
timeout: 6000 // 请求超时时间
})
......
src/views/taskDataStatistics/index.vue
View file @ 43e5292c
......@@ -19,50 +19,19 @@
<div class="tdc_table">
<a-table :columns="columns" :dataSource="data" bordered>
<template slot="operation" slot-scope="text, record">
<span @click="goDetail(record)">查看详情</span>
<span style="cursor: pointer" @click="goDetail(record)">查看详情</span>
</template>
</a-table>
</div>
</div>
</a-card>
<a-drawer
:title="currentRowData.workTitle"
placement="right"
:width="720"
@close="onClose"
:closable="false"
:visible="visible"
v-if="visible"
>
<div class="formItem">
<span style="margin-right: 50px">工单编号</span>
<span>{{DeatilData.workBase.workNo || '暂无数据'}}</span>
</div>
<div class="formItem">
<span style="margin-right: 50px">工单状态</span>
<span>{{getStateLabel(DeatilData.workBase.workStatus) || '暂无数据'}}</span>
</div>
<div v-for="(item) in DeatilData.workTemplateData" class="formItem">
<span style="margin-right: 50px">{{item.fieldNm || '暂无数据'}}</span>
<span>{{item.fieldValue || '暂无数据'}}</span>
</div>
<div style="display: flex" v-if="isHaveRecoed">
<span>工单进度</span>
<el-timeline style="margin-left: 50px;padding: 0">
<el-timeline-item
v-for="(activity, index) in DeatilData.workRecordsList"
:key="index"
size="large"
:timestamp="activity.handleTime">
<span>{{activity.hadlePerson}}</span>
{{activity.handleContent}}
</el-timeline-item>
</el-timeline>
</div>
<div v-if="!isHaveRecoed">
<span>无审批记录</span>
</div>
</a-drawer>
<detail-dialog
@closeModel="isDialogShow = false"
:isDialogShow="isDialogShow"
ref="Mydrawer"
:eletype="'myTask'"
:fromDataItem="detailData"
></detail-dialog>
</div>
</page-view>
</div>
......@@ -72,6 +41,7 @@
import { PageView } from '@/layouts';
import dataStatisticsTop from './components/data-statistics-top';
import { taskList } from '@/api/taskStatistics';
import DetailDialog from './components/detail-dialog'
const columns = [
{
......@@ -118,7 +88,8 @@
name: "task-data-statistics",
components: {
PageView,
dataStatisticsTop
dataStatisticsTop,
DetailDialog
},
data() {
return {
......@@ -128,8 +99,9 @@
rowSelection,
visible: false,
currentRowData: {},
DeatilData: {},
isHaveRecoed: false
detailData: {},
isHaveRecoed: false,
isDialogShow: false
}
},
methods: {
......@@ -165,27 +137,28 @@
},
getWorkInfo(workId) {
this.$http({
url: '/task/task-info/statisticsTaskContent',
url: '/task/task-info/getWorkInfo',
method: 'get',
params: {
workId: workId
}
}).then(res => {
console.log(res);
if (res.data.workRecordsList.length == 0) {
this.isHaveRecoed = false
if (res.code === 'M0000') {
this.detailData = res.data
this.isDialogShow = true
} else {
this.isHaveRecoed = true
this.$notify({
type: 'err',
title: '失败',
message: res.msg
})
}
this.DeatilData = res.data
this.visible = true
})
},
goDetail(val) {
this.currentRowData = val
console.log(val);
this.getWorkInfo(val.workId)
this.visible = true
},
onClose() {
this.visible = false
......
src/views/taskTemplate/taskDesign/taskFlow/index.vue
View file @ 43e5292c
......@@ -28,20 +28,20 @@
defaultActiveKey="1"
class="custom-panel-tabs"
style="width: 550px;background-color: #ffffff;height: calc(100% - 30px)">
<a-tab-pane v-if="showCreatorTab" tab="创建人设置" key="3" forceRender>
<a-card class="custom-panel-field-list" :bodyStyle="fieldListCardStyle" :bordered="false">
<a-form layout="vertical">
<a-form-item
label="谁可以创建这个任务？">
<role-select-tree-input v-model="createRolesData"></role-select-tree-input>
</a-form-item>
</a-form>
<div class="custom-panel-btn">
<a-button>取消</a-button>
<a-button type="primary" @click="submitCreator" style="margin-left: 30px">保存</a-button>
</div>
</a-card>
</a-tab-pane>
<!--<a-tab-pane v-if="showCreatorTab" tab="创建人设置" key="3" forceRender>-->
<!-- <a-card class="custom-panel-field-list" :bodyStyle="fieldListCardStyle" :bordered="false">-->
<!-- <a-form layout="vertical">-->
<!-- <a-form-item-->
<!-- label="谁可以创建这个任务？">-->
<!-- <role-select-tree-input v-model="createRolesData"></role-select-tree-input>-->
<!-- </a-form-item>-->
<!-- </a-form>-->
<!-- <div class="custom-panel-btn">-->
<!-- <a-button>取消</a-button>-->
<!-- <a-button type="primary" @click="submitCreator" style="margin-left: 30px">保存</a-button>-->
<!-- </div>-->
<!-- </a-card>-->
<!--</a-tab-pane>-->
<a-tab-pane v-if="showApproverTab" tab="审批人设置" key="2" forceRender>
<a-card class="custom-panel-field-list" :bodyStyle="fieldListCardStyle" :bordered="false">
<a-form layout="vertical">
......@@ -1059,7 +1059,7 @@
line-height: 22px;
display: flex;
align-items: center;
padding: 0 10px;
padding: 20px 10px;
}
.custom-panel-btn {
......
src/views/taskTemplate/taskGrouping/components/group-list/index.vue
View file @ 43e5292c
......@@ -17,6 +17,7 @@
</div>
<div class="group-item" v-for="(taskItem, taskIndex) in groupItem.templateList" :key="taskIndex">
<div class="item" style="width: auto;">
<div style="">
<img
:src="taskItem.iconImage || defaultIcon"
style="width: 50px;height: 50px;float: left;margin-right: 12px;border-radius: 8px;">
......@@ -28,11 +29,12 @@
{{ taskItem.templateExplain }}
</div>
</div>
</div>
<a-divider type="vertical" style="height: 60px"/>
</div>
<div class="item" style="width:auto;position: relative;">
<div style="float: left;">
<div style="float: left;width: calc(100% - 50px);">
<div style="font-size: 15px;color: #323334;letter-spacing: 0;text-align: left;">
可见范围
</div>
......@@ -41,22 +43,23 @@
{{ taskItem.createRoleNames}}
</div>
</div>
<div class="btndivider">
<span
@click="showModal(taskItem)"
style="color: #1890ff; cursor: pointer;font-size: 12px;"
>修改</span>
<a-divider type="vertical" style="height: 60px"/>
<a-divider type="vertical" style="height: 60px;"/>
</div>
</div>
<div class="item" style="width: auto">
<div style="float: left;position: relative;">
<div style="float: left;position: relative;width: calc(100% - 50px);">
<div style="font-size: 15px;color: #323334;letter-spacing: 0;text-align: left;">
工单开放入口
</div>
<div class="text-desc" v-if="taskItem.phone == 1">
<div class="text-desc" style="padding-top: 8px;" v-if="taskItem.phone == 1">
手机创建
<a-modal
title="工单开放入口"
......@@ -71,7 +74,7 @@
</a-radio-group>
</a-modal>
</div>
<div class="text-desc" v-else>
<div class="text-desc" style="padding-top: 8px;" v-else>
不可开发人工创建
<a-modal
title="工单开放入口"
......@@ -87,12 +90,14 @@
</a-modal>
</div>
</div>
<div class="btndivider">
<span
@click="showModalE"
style="color: #1890ff; cursor: pointer;font-size: 12px;"
>修改</span>
<a-divider type="vertical" style="height: 60px"/>
</div>
</div>
<div class="item btns">
<a @click="editTask(taskItem.id)">编辑</a>
......@@ -292,15 +297,32 @@
border-bottom: 1px #e8e8e8 solid;
.item{
flex: auto;
/*max-width: 270px;*/
flex: 1 1 25%;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0 0 20px;
}
.item:first-child{
padding: 0 0 0 0px;
}
.btndivider{
width: 65px;
& > span{
margin-right: 20px;
}
}
.btns{
flex: none;
}
.text-desc {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 166px;
width: 100%;
font-size: 12px;
color: #858585;
letter-spacing: 0;
......@@ -312,7 +334,6 @@
}
.footer {
padding: 0 16px;
margin: 48px 0 24px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment