Skip to content

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

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

parent 9db49dc4
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> <template>
<div class="mt-show-input"> <div class="mt-show-input" :style="inputWidth">
<input <input
ref="input" ref="input"
:class="inputTypeClass" :class="inputTypeClass"
...@@ -9,13 +9,12 @@ ...@@ -9,13 +9,12 @@
@click="handleClick" @click="handleClick"
@blur="handleBlur" @blur="handleBlur"
/> />
<div class="icon" @click="handleIconClick"> <div class="icon" @click="handleIconClick" v-if="!isEdit">
<slot name="icon"></slot> <slot name="icon"></slot>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
...@@ -36,9 +35,18 @@ ...@@ -36,9 +35,18 @@
inputTypeClass() { inputTypeClass() {
return { return {
'text': !this.isEdit, '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: { watch: {
text(newVal) { text(newVal) {
...@@ -82,21 +90,32 @@ ...@@ -82,21 +90,32 @@
.mt-show-input { .mt-show-input {
position: relative; position: relative;
} }
input { input {
border: none; /*border: none;*/
border-bottom: black 1px solid; /*border-bottom: black 1px solid;*/
border: 1px solid #d9d9d9;
border-radius: 4px;
transition: border-color 0.3s;
} }
input:focus { input:focus {
border: none; /*border: none;*/
border-bottom: black 1px solid; /*border-bottom: black 1px solid;*/
outline-offset: 0; /*outline-offset: 0;*/
outline: none; /*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 { .text {
/*background-color: black;*/ /*background-color: black;*/
border: none; border: none;
} }
.has-icon{
.has-icon {
padding-right: 35px; padding-right: 35px;
} }
...@@ -105,6 +124,7 @@ ...@@ -105,6 +124,7 @@
outline-offset: 0; outline-offset: 0;
outline: none; outline: none;
} }
.icon { .icon {
position: absolute; position: absolute;
right: 0; right: 0;
...@@ -112,4 +132,8 @@ ...@@ -112,4 +132,8 @@
width: 30px; width: 30px;
cursor: pointer; cursor: pointer;
} }
.editting {
width: 100%;
}
</style> </style>
src/utils/request.js
View file @ 43e5292c
...@@ -11,8 +11,8 @@ import { ...@@ -11,8 +11,8 @@ import {
// 创建 axios 实例 // 创建 axios 实例
const service = axios.create({ const service = axios.create({
// baseURL: 'http://106.2.13.200:8032', // api base_url baseURL: 'http://106.2.13.200:8032', // api base_url
baseURL: 'http://192.168.0.142:8080', // api base_url // baseURL: 'http://192.168.9.23:8080', // api base_url
timeout: 6000 // 请求超时时间 timeout: 6000 // 请求超时时间
}) })
......
src/views/taskDataStatistics/components/detail-dialog/index.vue 0 → 100644
View file @ 43e5292c
<template>
<div>
<el-dialog
:title="TaskInfo.taskDO.workSubject"
:visible.sync="isNotHidden"
@close="closeModel"
>
<div style="height: 60vh" v-if="Object.keys(TaskInfo).length != 0">
<div class="drawer_header">
<div class="avatar">
<img
v-if="showAvatar"
:src="Object.values(createMap)[0].avatar"
style="height: 100%;width: 100%;object-fit: contain;border-radius: 50%" alt="">
<span v-else>{{Object.values(createMap).length > 0 ? Object.values(createMap)[0].name.substr(-2,2) : ''}}</span>
</div>
<div style="padding-top: 10px;display: flex;flex-direction: column;justify-content: space-between">
<span>{{Object.values(createMap).length > 0 ? Object.values(createMap)[0].name : ''}}</span>
<div>
<el-tag size="mini" type="danger" v-if="TaskInfo.taskDO.priority == '非常紧急'">非常紧急</el-tag>
<el-tag size="mini" type="warning" v-if="TaskInfo.taskDO.priority == '紧急'">紧急</el-tag>
<el-tag size="mini" type="info" v-if="TaskInfo.taskDO.priority == '普通'">普通</el-tag>
<el-tag size="mini" effect="dark" type="success" v-if="TaskInfo.taskDO.schedule == 4">尽快完成</el-tag>
<el-tag size="mini" effect="dark" type="warning" v-if="TaskInfo.taskDO.schedule == 5">延期</el-tag>
<el-tag size="mini" effect="dark" type="danger" v-if="TaskInfo.taskDO.schedule == 6">逾期</el-tag>
<span
style="font-size: 14px;color: #f1b46d;margin-left: 5px">{{getStateLabel(TaskInfo.taskDO.workStatus)}}</span>
</div>
</div>
<!--<div class="buttons">-->
<!-- <svg-icon style="font-size: 25px" icon-class="print"></svg-icon>-->
<!-- <svg-icon style="font-size: 25px" icon-class="refresh"></svg-icon>-->
<!--</div>-->
</div>
<hr style="width: 98%;opacity: .2">
<div class="drawer_body">
<div class="formItem">
<span>
<span style="color: #808080a6;font-size: 14px">编号:</span>
{{TaskInfo.taskDO.workNo}}
</span>
</div>
<div class="formItem" v-for="(item,index) in TaskInfo.workInfoResDTOList"
v-if="isShowForm(item.permission)">
<span style="color: #808080a6;font-size: 14px">{{item.fieldNm}}:</span>
<span style="margin-left: 5px;font-size: 14px">{{item.fieldValue}}</span>
</div>
<!--进度-->
<hr style="width:100%;opacity: .2">
<div class="formItem" style="margin-top: 20px" v-if="TaskInfo.taskId || isHaveRecoed">
<el-timeline style="padding: 0">
<el-timeline-item
v-for="(activity, index) in TaskInfo.taskRecordsDOList"
:key="index"
color="#3fa6dd"
size="large"
:timestamp="activity.handleTime">
<span v-for="(item,index) in activity.userList">{{item.name}}</span>
<span v-if="activity.handleResultInfo!='' && activity.handleResultInfo =='驳回' "
style="font-size: 15px;color: red">{{activity.handleResultInfo}}</span>
<span v-if="activity.handleResultInfo!='' && activity.handleResultInfo =='通过' "
style="font-size: 15px;color: greenyellow">{{activity.handleResultInfo}}</span>
<span style="margin-left: 10px">{{activity.handleContent}}</span>
</el-timeline-item>
</el-timeline>
</div>
<div v-if="!isHaveRecoed">
<span>无审批记录</span>
</div>
</div>
</div>
</el-dialog>
</div>
</template>
<script>
// import userSelectTreeInput from '@/views/taskTemplate/taskDesign/taskFlow/component/user-select-tree-input'
// import renders from '@/components/custom/Render.vue';
export default {
name: 'detail-dialog',
components: {
// renders,
},
data() {
return {
isNotHidden: this.isDialogShow,
isHaveRecoed: false,
isShow: false,
itemData: {},
activities: [],
TaskInfo: this.fromDataItem,
buttonsValue: [],
statetype: this.stateType,
currentIsAgree: -1,
delayForm: {
delayDate: '',
desc: ''
},
fnishForm: {
desc: ''
},
shareForm: {
sharePerson: []
},
delayFormVisible: false,
fnishFormVisible: false,
shareFormVisible: false,
selectValue: []
}
},
props: {
fromDataItem: {
type: Object,
default: {}
},
eletype: {
type: String,
default: ''
},
stateType: {
type: Number,
default: 0
},
isDialogShow: false
},
watch: {
fromDataItem(val) {
console.log("chnageData");
console.log(val);
this.itemData = val
this.TaskInfo = val
if (val.taskRecordsDOList != null) {
if (val.taskRecordsDOList.length > 0) {
this.isHaveRecoed = true
} else {
this.isHaveRecoed = false
}
} else {
this.isHaveRecoed = false
}
if (val.templateApproveDO !== null) {
this.buttonsValue = val.templateApproveDO.buttons.split(',')
}
},
stateType(val) {
console.log('<<<<<<<<<<<<<');
console.log(val);
this.statetype = val
},
isDialogShow(val) {
console.log(val);
this.isNotHidden = val
}
},
computed: {
isChaosong() {
if (this.eletype == 'myApproval' || this.eletype == 'myExecute') {
if (Object.keys(this.TaskInfo).length != 0 && (this.eletype == 'myApproval' || this.eletype == 'myExecute') && this.statetype == 0 && this.TaskInfo.templateApproveDO != null && this.TaskInfo.templateApproveDO.ifCopy == '1') {
return true
} else {
return false
}
}
},
createMap() {
return this.TaskInfo.taskDO.createMap ? this.TaskInfo.taskDO.createMap : {}
},
showAvatar(){
const flag = Object.values(this.createMap).length > 0 && Object.values(this.createMap)[0].avatar
return flag
}
},
methods: {
//转交人
handleShareUsersChange(val, index) {
console.log(val);
this.shareForm.sharePerson.push(val[0])
},
closeModel() {
this.isNotHidden = false
// this.$refs['formData'].resetFields();
this.$emit('closeModel')
// Bus.$off('handleChangeVal1');
},
//撤销
reback() {
console.log(this.TaskInfo);
let data = {
userId: window.localStorage.getItem('userId'),
workId: this.TaskInfo.taskDO.workId,
processId: this.TaskInfo.taskFlowDO.processId
}
reback(data)
.then(res => {
if (res.code == 'M0000') {
this.$notify({
type: 'success',
title: '成功',
message: '操作成功'
})
this.refreshHidden()
} else {
this.$notify({
type: 'warning',
title: '警告',
message: res.msg
})
}
})
},
//催办
press() {
let data = {}
press(data)
.then(res => {
if (res.code == 'M0000') {
this.delayFormVisible = false
this.$notify({
type: 'success',
title: '成功',
message: '操作成功'
})
} else {
this.$notify({
type: 'warning',
title: '警告',
message: res.msg
})
}
})
},
//处理延期
handleDelay() {
let data = {
delayTime: this.delayForm.delayDate,
handleMessage: this.delayForm.desc,
userId: window.localStorage.getItem('userId'),
workId: this.TaskInfo.taskDO.workId,
taskId: this.TaskInfo.taskId,
processId: this.TaskInfo.taskFlowDO.processId
}
console.log(data);
delayTask(data)
.then(res => {
if (res.code == 'M0000') {
this.delayFormVisible = false
this.refreshHidden()
this.$notify({
type: 'success',
title: '成功',
message: '操作成功'
})
} else {
this.$notify({
type: 'warning',
title: '警告',
message: res.msg
})
}
})
},
//终止
handleFinish() {
console.log(this.itemData);
let data = {
handleMessage: this.fnishForm.desc,
userId: window.localStorage.getItem('userId'),
workId: this.TaskInfo.taskDO.workId,
taskId: this.TaskInfo.taskId,
processId: this.TaskInfo.taskFlowDO.processId
}
console.log(data);
stopProcess(data)
.then(res => {
if (res.code == 'M0000') {
this.fnishFormVisible = false
this.$bus.emit('getCount');
this.refreshHidden()
this.$notify({
type: 'success',
title: '成功',
message: '操作成功'
})
} else {
this.$notify({
type: 'warning',
title: '警告',
message: res.msg
})
}
})
},
//转交
handleShare() {
let data = {
transferUserIds: this.shareForm.sharePerson.join(','),
userId: window.localStorage.getItem('userId'),
workId: this.TaskInfo.taskDO.workId,
taskId: this.TaskInfo.taskId,
processId: this.TaskInfo.taskFlowDO.processId
}
console.log(data);
transferTask(data)
.then(res => {
if (res.code == 'M0000') {
this.shareFormVisible = false
this.refreshHidden()
this.$notify({
type: 'success',
title: '成功',
message: '操作成功'
})
} else {
this.$notify({
type: 'warning',
title: '警告',
message: res.msg
})
}
})
},
isShowForm(val) {
// 0 可编辑 1 只读 2 隐藏
if ((this.eletype == 'myApproval' || this.eletype == 'myExecute') && this.stateType == 0 && val == 1) {
return true
}
if ((this.eletype == 'myApproval' || this.eletype == 'myExecute') && this.stateType == 1 && val != 2) {
return true
}
if (this.eletype == 'myTask' && val == 0) {
return true
}
if (this.eletype == 'toMe' || this.eletype == 'recycle' || this.eletype == 'Collect') {
return true
}
return false
},
getFormData(tempId) {
this.$router.push({
path: `/addTask/editForm/${tempId}`
// path:'myTask'
// name:'editForm'
})
},
getStateLabel(state) {
if (this.eletype == 'myExecute') {
return this.stateType == 0 ? '待执行' : '已执行'
}
if (this.eletype == 'myApproval') {
return this.stateType == 0 ? '待审批' : '已审批'
}
if (state == 0) {
return '草稿'
} else if (state == 1) {
return '执行中 '
} else if (state == 2) {
return '审批中'
} else if (state == 3) {
return '已完成'
}
},
gotoEditForm() {
window.localStorage.setItem('tempIdEdit', this.TaskInfo.taskDO.templateId)
window.localStorage.setItem('workIdEdit', this.TaskInfo.taskDO.workId)
this.$store.dispatch('user/changeMajorData', this.TaskInfo)
this.$router.push({
// path: `addTask/editForm`
// path:'myTask'
name: 'editForm'
})
},
deleteForm() {
let data = {
workId: this.TaskInfo.taskDO.workId
}
deleteForm(data)
.then(res => {
if (res.code == 'M0000') {
this.$notify({
type: 'success',
title: '成功',
message: '操作成功'
})
this.refreshHidden()
} else {
this.$notify({
type: 'warning',
title: '警告',
message: res.msg
})
}
})
},
//再次创建
reCreate(tempId) {
this.$router.push({
name: 'editForm',
params: {
tempId: tempId
}
})
},
shenpi(type) {
this.currentIsAgree = type
this.isShow = true
},
show() {
// this.isDialogShow = true
// let right = document.getElementsByTagName('body')[0].clientWidth
// this.getTaskInfo()
},
hidden() {
this.closeModel()
},
refreshHidden() {
this.closeModel()
this.$emit('refresh')
this.$bus.emit('getCount');
},
// 控件回填数据
handleChangeVal(val, ele) {
console.log(' 控件回填数据');
console.log(val);
console.log(ele);
// this.formData[element.obj.name] = val;
},
},
mounted() {
}
}
</script>
<style lang="less" scoped>
/*@import "~@/styles/mixin.scss";*/
.drawer_header {
margin-top: 15px;
margin-bottom: 15px;
margin-left: 20px;
font-size: 18px;
color: #4c4a4a;
display: flex;
height: 60px;
.avatar {
min-width: 50px;
max-width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
background-color: #3fa6dd;
margin-right: 10px;
margin-top: 5px;
color: white;
text-align: center;
}
.buttons {
padding-top: 10px;
position: absolute;
right: 30px;
}
}
.drawer_body {
padding: 10px 20px;
color: #615f5f;
height: calc(100% - 120px);
overflow: auto;
.formItem {
display: flex;
/*justify-content: space-around;*/
margin-bottom: 10px;
}
.chaosong {
margin: 20px 0;
}
}
.drawer_footer {
position: absolute;
bottom: 10px;
text-align: center;
width: 600px;
display: flex;
height: 40px;
justify-content: center;
}
</style>
src/views/taskDataStatistics/index.vue
View file @ 43e5292c
...@@ -19,50 +19,19 @@ ...@@ -19,50 +19,19 @@
<div class="tdc_table"> <div class="tdc_table">
<a-table :columns="columns" :dataSource="data" bordered> <a-table :columns="columns" :dataSource="data" bordered>
<template slot="operation" slot-scope="text, record"> <template slot="operation" slot-scope="text, record">
<span @click="goDetail(record)">查看详情</span> <span style="cursor: pointer" @click="goDetail(record)">查看详情</span>
</template> </template>
</a-table> </a-table>
</div> </div>
</div> </div>
</a-card> </a-card>
<a-drawer <detail-dialog
:title="currentRowData.workTitle" @closeModel="isDialogShow = false"
placement="right" :isDialogShow="isDialogShow"
:width="720" ref="Mydrawer"
@close="onClose" :eletype="'myTask'"
:closable="false" :fromDataItem="detailData"
:visible="visible" ></detail-dialog>
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>
</div> </div>
</page-view> </page-view>
</div> </div>
...@@ -72,6 +41,7 @@ ...@@ -72,6 +41,7 @@
import { PageView } from '@/layouts'; import { PageView } from '@/layouts';
import dataStatisticsTop from './components/data-statistics-top'; import dataStatisticsTop from './components/data-statistics-top';
import { taskList } from '@/api/taskStatistics'; import { taskList } from '@/api/taskStatistics';
import DetailDialog from './components/detail-dialog'
const columns = [ const columns = [
{ {
...@@ -118,7 +88,8 @@ ...@@ -118,7 +88,8 @@
name: "task-data-statistics", name: "task-data-statistics",
components: { components: {
PageView, PageView,
dataStatisticsTop dataStatisticsTop,
DetailDialog
}, },
data() { data() {
return { return {
...@@ -128,8 +99,9 @@ ...@@ -128,8 +99,9 @@
rowSelection, rowSelection,
visible: false, visible: false,
currentRowData: {}, currentRowData: {},
DeatilData: {}, detailData: {},
isHaveRecoed: false isHaveRecoed: false,
isDialogShow: false
} }
}, },
methods: { methods: {
...@@ -165,27 +137,28 @@ ...@@ -165,27 +137,28 @@
}, },
getWorkInfo(workId) { getWorkInfo(workId) {
this.$http({ this.$http({
url: '/task/task-info/statisticsTaskContent', url: '/task/task-info/getWorkInfo',
method: 'get', method: 'get',
params: { params: {
workId: workId workId: workId
} }
}).then(res => { }).then(res => {
console.log(res); if (res.code === 'M0000') {
if (res.data.workRecordsList.length == 0) { this.detailData = res.data
this.isHaveRecoed = false this.isDialogShow = true
} else { } else {
this.isHaveRecoed = true this.$notify({
type: 'err',
title: '失败',
message: res.msg
})
} }
this.DeatilData = res.data
this.visible = true
}) })
}, },
goDetail(val) { goDetail(val) {
this.currentRowData = val this.currentRowData = val
console.log(val); console.log(val);
this.getWorkInfo(val.workId) this.getWorkInfo(val.workId)
this.visible = true
}, },
onClose() { onClose() {
this.visible = false this.visible = false
......
src/views/taskTemplate/taskDesign/taskFlow/index.vue
View file @ 43e5292c
...@@ -28,20 +28,20 @@ ...@@ -28,20 +28,20 @@
defaultActiveKey="1" defaultActiveKey="1"
class="custom-panel-tabs" class="custom-panel-tabs"
style="width: 550px;background-color: #ffffff;height: calc(100% - 30px)"> style="width: 550px;background-color: #ffffff;height: calc(100% - 30px)">
<a-tab-pane v-if="showCreatorTab" tab="创建人设置" key="3" forceRender> <!--<a-tab-pane v-if="showCreatorTab" tab="创建人设置" key="3" forceRender>-->
<a-card class="custom-panel-field-list" :bodyStyle="fieldListCardStyle" :bordered="false"> <!-- <a-card class="custom-panel-field-list" :bodyStyle="fieldListCardStyle" :bordered="false">-->
<a-form layout="vertical"> <!-- <a-form layout="vertical">-->
<a-form-item <!-- <a-form-item-->
label="谁可以创建这个任务？"> <!-- label="谁可以创建这个任务？">-->
<role-select-tree-input v-model="createRolesData"></role-select-tree-input> <!-- <role-select-tree-input v-model="createRolesData"></role-select-tree-input>-->
</a-form-item> <!-- </a-form-item>-->
</a-form> <!-- </a-form>-->
<div class="custom-panel-btn"> <!-- <div class="custom-panel-btn">-->
<a-button>取消</a-button> <!-- <a-button>取消</a-button>-->
<a-button type="primary" @click="submitCreator" style="margin-left: 30px">保存</a-button> <!-- <a-button type="primary" @click="submitCreator" style="margin-left: 30px">保存</a-button>-->
</div> <!-- </div>-->
</a-card> <!-- </a-card>-->
</a-tab-pane> <!--</a-tab-pane>-->
<a-tab-pane v-if="showApproverTab" tab="审批人设置" key="2" forceRender> <a-tab-pane v-if="showApproverTab" tab="审批人设置" key="2" forceRender>
<a-card class="custom-panel-field-list" :bodyStyle="fieldListCardStyle" :bordered="false"> <a-card class="custom-panel-field-list" :bodyStyle="fieldListCardStyle" :bordered="false">
<a-form layout="vertical"> <a-form layout="vertical">
...@@ -1059,7 +1059,7 @@ ...@@ -1059,7 +1059,7 @@
line-height: 22px; line-height: 22px;
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 10px; padding: 20px 10px;
} }
.custom-panel-btn { .custom-panel-btn {
......
src/views/taskTemplate/taskGrouping/components/group-list/index.vue
View file @ 43e5292c
...@@ -17,6 +17,7 @@ ...@@ -17,6 +17,7 @@
</div> </div>
<div class="group-item" v-for="(taskItem, taskIndex) in groupItem.templateList" :key="taskIndex"> <div class="group-item" v-for="(taskItem, taskIndex) in groupItem.templateList" :key="taskIndex">
<div class="item" style="width: auto;"> <div class="item" style="width: auto;">
<div style="">
<img <img
:src="taskItem.iconImage || defaultIcon" :src="taskItem.iconImage || defaultIcon"
style="width: 50px;height: 50px;float: left;margin-right: 12px;border-radius: 8px;"> style="width: 50px;height: 50px;float: left;margin-right: 12px;border-radius: 8px;">
...@@ -28,11 +29,12 @@ ...@@ -28,11 +29,12 @@
{{ taskItem.templateExplain }} {{ taskItem.templateExplain }}
</div> </div>
</div> </div>
</div>
<a-divider type="vertical" style="height: 60px"/> <a-divider type="vertical" style="height: 60px"/>
</div> </div>
<div class="item" style="width:auto;position: relative;"> <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 style="font-size: 15px;color: #323334;letter-spacing: 0;text-align: left;">
可见范围 可见范围
</div> </div>
...@@ -41,22 +43,23 @@ ...@@ -41,22 +43,23 @@
{{ taskItem.createRoleNames}} {{ taskItem.createRoleNames}}
</div> </div>
</div> </div>
<div class="btndivider">
<span <span
@click="showModal(taskItem)" @click="showModal(taskItem)"
style="color: #1890ff; cursor: pointer;font-size: 12px;" style="color: #1890ff; cursor: pointer;font-size: 12px;"
>修改</span> >修改</span>
<a-divider type="vertical" style="height: 60px"/> <a-divider type="vertical" style="height: 60px;"/>
</div>
</div> </div>
<div class="item" style="width: auto"> <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 style="font-size: 15px;color: #323334;letter-spacing: 0;text-align: left;">
工单开放入口 工单开放入口
</div> </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 <a-modal
title="工单开放入口" title="工单开放入口"
...@@ -71,7 +74,7 @@ ...@@ -71,7 +74,7 @@
</a-radio-group> </a-radio-group>
</a-modal> </a-modal>
</div> </div>
<div class="text-desc" v-else> <div class="text-desc" style="padding-top: 8px;" v-else>
不可开发人工创建 不可开发人工创建
<a-modal <a-modal
title="工单开放入口" title="工单开放入口"
...@@ -87,12 +90,14 @@ ...@@ -87,12 +90,14 @@
</a-modal> </a-modal>
</div> </div>
</div> </div>
<div class="btndivider">
<span <span
@click="showModalE" @click="showModalE"
style="color: #1890ff; cursor: pointer;font-size: 12px;" style="color: #1890ff; cursor: pointer;font-size: 12px;"
>修改</span> >修改</span>
<a-divider type="vertical" style="height: 60px"/> <a-divider type="vertical" style="height: 60px"/>
</div> </div>
</div>
<div class="item btns"> <div class="item btns">
<a @click="editTask(taskItem.id)">编辑</a> <a @click="editTask(taskItem.id)">编辑</a>
...@@ -292,15 +297,32 @@ ...@@ -292,15 +297,32 @@
border-bottom: 1px #e8e8e8 solid; border-bottom: 1px #e8e8e8 solid;
.item{ .item{
flex: auto; /*max-width: 270px;*/
flex: 1 1 25%;
position: relative; 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-desc {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
width: 166px; width: 100%;
font-size: 12px; font-size: 12px;
color: #858585; color: #858585;
letter-spacing: 0; letter-spacing: 0;
...@@ -312,7 +334,6 @@ ...@@ -312,7 +334,6 @@
} }
.footer { .footer {
padding: 0 16px; padding: 0 16px;
margin: 48px 0 24px; 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