|
|
@@ -1,25 +1,29 @@
|
|
|
<template>
|
|
|
- <div style="width: 100%;">
|
|
|
+ <div v-loading="loadingOnlineProcess" style="width: 100%;" element-loading-background="rgba(0, 0, 0, 0.7)" element-loading-text="拼命加载中">
|
|
|
<div class="set-background">
|
|
|
<div class="block">
|
|
|
- <el-tabs v-model="activeName">
|
|
|
+ <el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
<el-tab-pane label="列表" name="first">
|
|
|
<el-form :model="form">
|
|
|
<div class="set-between">
|
|
|
<!-- <el-form-item label="创建时间" label-width="70px"><el-date-picker v-model="form.createTime" align="left" size="medium" type="datetime" style="width:76%;" placeholder="选择日期" /></el-form-item> -->
|
|
|
- <el-form-item label="任务名称" label-width="70px"><el-input v-model="form.name" placeholder="填写任务名称" autocomplete="off" clearable size="medium" style="width:76%;" /></el-form-item>
|
|
|
- <el-form-item label="状态" label-width="40px">
|
|
|
- <el-select v-model="form.status" size="medium" style="width:60%;" clearable placeholder="状态">
|
|
|
- <el-option v-for="item in processStatusEnumList" :key="item.code" :label="item.name" :value="item.code" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
+ <el-input v-model="form.name" placeholder="任务名称" autocomplete="off" clearable size="medium" style="width:17.5%;margin-right: 15px;" />
|
|
|
+ <el-select v-model="form.status" size="medium" style="width:17.5%;margin-right: 15px;" clearable placeholder="状态">
|
|
|
+ <el-option v-for="item in processStatusEnumList" :key="item.code" :label="item.name" :value="item.code" />
|
|
|
+ </el-select>
|
|
|
+ <el-select v-show="isPlatformShow" v-model="form.type" size="medium" style="width:17.5%;margin-right: 15px;" clearable placeholder="平台类型" @change="clickChangeBusiness(form.type)">
|
|
|
+ <el-option v-for="item in platformTypeStr" :key="item.code" :label="item.name" :value="item.code" />
|
|
|
+ </el-select>
|
|
|
+ <el-select v-show="isBusinessShow" v-model="form.clientType" size="medium" style="width:17.5%;margin-right: 15px;" clearable placeholder="业务模块" @change="clickChangeModule(form.clientType)">
|
|
|
+ <el-option v-for="item in businessTypeStr" :key="item.code" :label="item.name" :value="item.code" />
|
|
|
+ </el-select>
|
|
|
</div>
|
|
|
<div class="set-between">
|
|
|
<el-button type="primary" plain size="medium" @click="dataQuery(form)">查询</el-button>
|
|
|
<el-button type="primary" plain size="medium" @click="createdCode()">新增</el-button>
|
|
|
</div>
|
|
|
</el-form>
|
|
|
- <div class="set-locate">
|
|
|
+ <div style="margin-top:22px">
|
|
|
<el-table
|
|
|
:data="tableData"
|
|
|
border
|
|
|
@@ -86,14 +90,172 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
- <el-pagination background style="margin-top:30px;" align="center" :current-page="curIndex" :page-size="pageSize" layout="prev, pager, next" :total="total" @current-change="handleCurrentChange" />
|
|
|
+ <el-pagination background style="margin-top:30px;" align="center" :current-page="curIndex" :page-size="pageSize" layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" />
|
|
|
</div>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="看板" name="second">
|
|
|
- 敬请期待
|
|
|
+ <el-form :model="formKanBan">
|
|
|
+ <div class="set-between-kanban">
|
|
|
+ <!-- <el-form-item label="创建时间" label-width="70px"><el-date-picker v-model="form.createTime" align="left" size="medium" type="datetime" style="width:76%;" placeholder="选择日期" /></el-form-item> -->
|
|
|
+ <el-select v-model="formKanBan.status" size="medium" style="width:17.5%;margin-right: 15px;" clearable placeholder="状态">
|
|
|
+ <el-option v-for="item in processStatusEnumListKanBan" :key="item.code" :label="item.name" :value="item.code" />
|
|
|
+ </el-select>
|
|
|
+ <el-input v-model="formKanBan.tag" placeholder="填写标签名称" autocomplete="off" clearable size="medium" style="width:17.5%;margin-right: 15px;" />
|
|
|
+ <el-select v-show="isPlatformShow" v-model="formKanBan.type" size="medium" style="width:17.5%;margin-right: 15px;" clearable placeholder="平台类型" @change="clickChangeBusiness(formKanBan.type)">
|
|
|
+ <el-option v-for="item in platformTypeStr" :key="item.code" :label="item.name" :value="item.code" />
|
|
|
+ </el-select>
|
|
|
+ <el-select v-show="isBusinessShow" v-model="formKanBan.clientType" size="medium" style="width:17.5%;margin-right: 15px;" clearable placeholder="业务模块" @change="clickChangeModule(formKanBan.clientType)">
|
|
|
+ <el-option v-for="item in businessTypeStr" :key="item.code" :label="item.name" :value="item.code" />
|
|
|
+ </el-select>
|
|
|
+ <el-button type="primary" size="medium" style="z-index:999" plain @click="kanBanQuery(formKanBan)">查询</el-button>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
</div>
|
|
|
+ <div v-show="activeName === 'second'" class="navigation-content">
|
|
|
+ <div v-show="isCollapsing" class="navigation">
|
|
|
+ <div class="collapse">
|
|
|
+ <span @click="isCollapsing = !isCollapsing"><< 收起</span>
|
|
|
+ </div>
|
|
|
+ <div class="scroll-navigate">
|
|
|
+ <div v-show="!isEmpty" class="empty-add">
|
|
|
+ <i class="el-icon-circle-plus" @click="addNewNode()" /><span @click="addNewNode()">新建文件夹</span>
|
|
|
+ </div>
|
|
|
+ <el-tree
|
|
|
+ v-show="isEmpty"
|
|
|
+ ref="treeBox"
|
|
|
+ icon-class="el-icon-caret-right"
|
|
|
+ :data="dealWithBusinessDate"
|
|
|
+ node-key="id"
|
|
|
+ highlight-current
|
|
|
+ :default-expanded-keys="defaultExpanded"
|
|
|
+ :props="defaultProps"
|
|
|
+ :expand-on-click-node="false"
|
|
|
+ style="margin-top:10px;min-width:100%;display:inline-block !important;"
|
|
|
+ @node-click="handleNodeClick"
|
|
|
+ >
|
|
|
+ <span slot-scope="{ node, data }" class="custom-tree-node" @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)">
|
|
|
+ <span v-if="data.spanAbsolute" @dblclick="dblclick(data)">{{ node.label }}</span>
|
|
|
+ <el-input v-if="data.isDbShow" ref="get_Input" v-model="data.pauseContent" autofocus size="mini" @keyup.enter.native="handleInput(node, data)" @blur="handleInput(node, data)" />
|
|
|
+ <el-input v-if="data.isNextDb" ref="get_InputNext" v-model="data.pauseContentNext" autofocus size="mini" @blur="handleInputNext(node, data)" @keyup.enter.native="handleInput(node, data)" />
|
|
|
+ <span>
|
|
|
+ <el-dropdown v-show="data.del" trigger="hover">
|
|
|
+ <span class="el-dropdown-link" style="font-weight:bold;z-index:999;">
|
|
|
+ ···<i class="el-icon--right" />
|
|
|
+ </span>
|
|
|
+ <el-dropdown-menu slot="dropdown">
|
|
|
+ <!-- <el-dropdown-item icon="el-icon-coin" @click.native="addNewNode()">新建节点</el-dropdown-item> -->
|
|
|
+ <el-dropdown-item icon="el-icon-coin" @click.native="dblclick(data)">修改名称</el-dropdown-item>
|
|
|
+ <el-dropdown-item icon="el-icon-coin" @click.native="() => append(data)">新建子节点</el-dropdown-item>
|
|
|
+ <el-dropdown-item icon="el-icon-coin" @click.native="() => deleteNode(data)">删除分组</el-dropdown-item>
|
|
|
+ </el-dropdown-menu>
|
|
|
+ </el-dropdown>
|
|
|
+ </span>
|
|
|
+ </span>
|
|
|
+ </el-tree>
|
|
|
+ <el-input v-if="isNewFile" ref="getNewFile" v-model="addFileName" autofocus size="mini" @blur.stop="addFile()" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-show="!isCollapsing" class="collapse-navigation">
|
|
|
+ <div class="expand-collapse">
|
|
|
+ <el-tooltip class="item" effect="dark" content="任务分组" placement="top">
|
|
|
+ <span @click="isCollapsing = !isCollapsing"><i class="el-icon-d-arrow-right" /></span>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+ <div class="tips">
|
|
|
+ <div class="lr">
|
|
|
+ <span>任 务 分 组</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="content">
|
|
|
+ <div class="under-padding">
|
|
|
+ <div v-show="labelDrag.length === 0" class="dataUndisplay">
|
|
|
+ <span>暂无数据～</span>
|
|
|
+ </div>
|
|
|
+ <div v-show="labelDrag" class="set-flex">
|
|
|
+ <div v-for="statusAll in labelDrag" :key="statusAll.status" class="drag-head">
|
|
|
+ <div class="head">
|
|
|
+ <div class="head-name" :class="{ waitColor: [0, 1, 2, 3, 4, 6, 8, 9].indexOf(statusAll.status) !== -1, 'processColor': [5, 7].indexOf(statusAll.status) !== -1, 'finishColor': [10, 11, 12].indexOf(statusAll.status) !== -1 }">{{ statusAll.statusString }}</div>
|
|
|
+ <div class="head-score">{{ statusAll.count }} / {{ totalKanBan }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-show="labelDrag" class="set-flex">
|
|
|
+ <div v-for="statusAll in labelDrag" :key="statusAll.status" class="drag">
|
|
|
+ <div v-if="statusAll.count === 0" :key="statusAll.status" class="inner-drag-blank" :class="{ blankColor: statusAll.count === 0 }">
|
|
|
+ <div class="content-blank">
|
|
|
+ <span>暂无数据～</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <draggable v-model="statusAll.taskInfos" :sort="false" group="statusAll.taskInfos" :move="checkMove" @add="targetRecording(statusAll.status)">
|
|
|
+ <div v-for="item in statusAll.taskInfos" :key="item.id" class="inner-drag" :class="{ waitColor: [0, 1, 2, 3, 4, 6, 8, 9].indexOf(statusAll.status) !== -1, 'processColor': [5, 7].indexOf(statusAll.status) !== -1, 'finishColor': [10, 11, 12].indexOf(statusAll.status) !== -1 }">
|
|
|
+ <div class="span-wrap" @click="jumpToReport(item.id)">
|
|
|
+ <div class="set-reverse">
|
|
|
+ <span>ID : {{ item.id }}</span>
|
|
|
+ <div v-show="item.groupName" class="center">
|
|
|
+ <span>{{ item.groupName }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="span-wrap" @click="jumpToReport(item.id)">
|
|
|
+ <span>名称 : {{ item.name }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="span-wrap" @click="jumpToReport(item.id)">
|
|
|
+ <div class="priority" :class="{ 'priority-red':item.priorityString === 'p0', 'priority-orange':item.priorityString === 'p1', 'priority-green':item.priorityString === 'p2', 'priority-blue':item.priorityString === 'p3', 'priority-purple':item.priorityString === 'p4', 'priority-yellow':item.priorityString === 'p5', 'priority-grey':item.priorityString === 'p6' }">
|
|
|
+ <span>{{ item.priorityString }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="span-wrap" @click="jumpToReport(item.id)">
|
|
|
+ <div class="set-wrap">
|
|
|
+ <div v-for="(role,index) in item.nameGroup" :key="index" class="role-color" :class="{ 'priority-orange':( index+1 ) % 7 === 1, 'priority-blue':( index+1 ) % 7 === 2, 'priority-green':( index+1 ) % 7 === 3, 'priority-red':( index+1 ) % 7 === 4, 'priority-purple':( index+1 ) % 7 === 5, 'priority-yellow':( index+1 ) % 7 === 6, 'priority-grey':( index+1 ) % 7 === 0 }">
|
|
|
+ <span>
|
|
|
+ {{ role }}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="span-wrap">
|
|
|
+ <div class="only-tag">
|
|
|
+ <!-- <i class="el-icon-price-tag" /> -->
|
|
|
+ <el-tag
|
|
|
+ v-for="(tag,index) in item.tagGroup"
|
|
|
+ :key="index"
|
|
|
+ type="info"
|
|
|
+ closable
|
|
|
+ size="mini"
|
|
|
+ :disable-transitions="false"
|
|
|
+ @close.stop="handleClose(tag,item)"
|
|
|
+ >
|
|
|
+ <i class="el-icon-price-tag" /> {{ tag }}
|
|
|
+ </el-tag>
|
|
|
+ <!-- <el-input v-if="data.isNextDb" ref="get_InputNext" v-model="data.pauseContentNext" autofocus size="mini" @blur="handleInputNext(node, data)" @keyup.enter.native="handleInput(node, data)" /> -->
|
|
|
+ <el-input
|
|
|
+ v-if="item.inputVisible"
|
|
|
+ ref="save_TagInput"
|
|
|
+ v-model="item.inputValue"
|
|
|
+ autofocus
|
|
|
+ class="input-new-tag"
|
|
|
+ size="mini"
|
|
|
+ style="width:30%;margin-left:10px;"
|
|
|
+ @keyup.enter.native="$event.target.blur"
|
|
|
+ @blur="handleInputConfirm(item)"
|
|
|
+ />
|
|
|
+ <el-button v-if="!item.inputVisible" class="button-new-tag" icon="el-icon-plus" size="mini" circle @click="() => showInput(item)" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="tag-wrap">
|
|
|
+ <el-tag v-if="item.tag" type="info" size="small" style="margin-left:10px">{{ item.tag }}</el-tag>
|
|
|
+ <el-tag v-if="item.group" size="small">{{ item.group }}</el-tag>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ </draggable>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -101,39 +263,93 @@
|
|
|
<script>
|
|
|
import { taskListGet } from '@/api/defectManage'
|
|
|
import { bugGetEnum } from '@/api/defectManage' // 下拉菜单data
|
|
|
-import { deleteTaskData } from '@/api/projectPage.js'
|
|
|
+import { deleteTaskData, listMap, updateTaskList, projectGetTypeMap } from '@/api/projectPage.js'
|
|
|
+import { updateComment, deleteComment, listComment, createComment } from '@/api/KanBan.js'
|
|
|
+import draggable from 'vuedraggable'
|
|
|
+// import axios from 'axios'
|
|
|
+
|
|
|
+// let CONSTANT_ID = 9999
|
|
|
|
|
|
export default {
|
|
|
+ name: 'DefectTask',
|
|
|
+ components: {
|
|
|
+ // 调用drag
|
|
|
+ draggable
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
+ isPlatformShow: false,
|
|
|
+ isBusinessShow: false,
|
|
|
+ platformTypeStr: [],
|
|
|
+ businessTypeStr: [],
|
|
|
+ defaultExpanded: [],
|
|
|
+ labelDrag: [],
|
|
|
+ isNewFile: false,
|
|
|
+ isClosing: 'none',
|
|
|
tableData: [],
|
|
|
+ dealWithBusinessDate: [],
|
|
|
+ defaultProps: {
|
|
|
+ children: 'child',
|
|
|
+ label: (data, node) => data.commentInfo.content
|
|
|
+ },
|
|
|
form: {},
|
|
|
+ addFileName: '',
|
|
|
+ isCollapsing: true,
|
|
|
+ isEmpty: true,
|
|
|
+ formKanBan: {},
|
|
|
dialogVisible: false,
|
|
|
bizJson: localStorage.getItem('key'),
|
|
|
userInformation: localStorage.getItem('username'),
|
|
|
userNames: localStorage.getItem('realname'),
|
|
|
queryCode: {},
|
|
|
+ loadingOnlineProcess: false,
|
|
|
curIndex: 1,
|
|
|
- pageSize: 20,
|
|
|
+ pageSize: 10,
|
|
|
total: 0,
|
|
|
+ totalKanBan: 0,
|
|
|
+ pauseTarget: '',
|
|
|
+ pauseFromId: '',
|
|
|
activeName: 'first',
|
|
|
pauseId: '',
|
|
|
- processStatusEnumList: []
|
|
|
+ processStatusEnumList: [],
|
|
|
+ processStatusEnumListKanBan: [],
|
|
|
+ bizOptions: []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ activeName(newBlock) {
|
|
|
+ newBlock === 'second' ? document.getElementsByClassName('block')[0].style.cssText = 'min-height:0px' : document.getElementsByClassName('block')[0].style.cssText = 'calc(100vh - 100px)'
|
|
|
+ },
|
|
|
+ isCollapsing(newKanbanWidth) {
|
|
|
+ newKanbanWidth === false ? document.getElementsByClassName('content')[0].style.cssText = 'width:93.5%' : document.getElementsByClassName('content')[0].style.cssText = 'width:82.5%'
|
|
|
+ },
|
|
|
+ dealWithBusinessDate(newData, old) {
|
|
|
+ newData.length === 0 ? this.isEmpty = false : this.isEmpty = true
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
this.bugListSelectBeforeGet()
|
|
|
+ this.forkDown()
|
|
|
},
|
|
|
mounted() {
|
|
|
document.getElementsByClassName('app-main')[0].style.cssText = 'overflow:auto'
|
|
|
+ document.getElementsByClassName('el-tree__empty-block')[0].style.cssText = 'display:none'
|
|
|
+ // document.getElementsByClassName('el-tag__close')[0].style.cssText = 'display:none'
|
|
|
},
|
|
|
methods: {
|
|
|
async bugListSelectBeforeGet() {
|
|
|
+ this.loadingOnlineProcess = true
|
|
|
await bugGetEnum().then(res => {
|
|
|
this.processStatusEnumList = res.data.processStatusEnumList
|
|
|
+ this.processStatusEnumListKanBan = res.data.processStatusEnumList
|
|
|
})
|
|
|
+ const queryListData = {
|
|
|
+ bizId: this.bizJson,
|
|
|
+ pageSize: this.pageSize,
|
|
|
+ curIndex: this.curIndex
|
|
|
+ }
|
|
|
// 任务list
|
|
|
- taskListGet({ bizId: this.bizJson }).then(response => {
|
|
|
+ taskListGet(queryListData).then(response => {
|
|
|
this.tableData = response.data
|
|
|
this.total = response.total
|
|
|
this.loadingOnlineProcess = false
|
|
|
@@ -151,16 +367,20 @@ export default {
|
|
|
queryCode.bizId = localStorage.getItem('key')
|
|
|
queryCode.pageSize = this.pageSize
|
|
|
queryCode.curIndex = this.curIndex
|
|
|
+ this.emptyJudge(queryCode)
|
|
|
taskListGet(queryCode).then(res => {
|
|
|
res.code === 200 ? this.tableData = res.data : this.errorFun(res.msg)
|
|
|
+ this.total = res.total
|
|
|
})
|
|
|
},
|
|
|
- dataQueryInSearch(queryCode) {
|
|
|
- queryCode.bizId = localStorage.getItem('key')
|
|
|
- queryCode.pageSize = this.pageSize
|
|
|
- queryCode.curIndex = this.curIndex
|
|
|
- taskListGet(queryCode).then(res => {
|
|
|
+ dataQueryInSearch() {
|
|
|
+ this.form.bizId = parseInt(localStorage.getItem('key'))
|
|
|
+ this.form.pageSize = this.pageSize
|
|
|
+ this.form.curIndex = this.curIndex
|
|
|
+ this.emptyJudge(this.form)
|
|
|
+ taskListGet(this.form).then(res => {
|
|
|
res.code === 200 ? this.tableData = res.data : this.errorFun(res.msg)
|
|
|
+ this.total = res.total
|
|
|
})
|
|
|
},
|
|
|
createdCode() {
|
|
|
@@ -218,57 +438,344 @@ export default {
|
|
|
})
|
|
|
this.dialogVisible = false
|
|
|
},
|
|
|
- // // 看板移动更新
|
|
|
- // checkMove(evt) {
|
|
|
- // this.pauseFromId = evt.draggedContext.element.id
|
|
|
- // },
|
|
|
- // targetRecording(e) {
|
|
|
- // this.pauseTarget = e
|
|
|
- // const formTask = { id: this.pauseFromId, status: this.pauseTarget }
|
|
|
- // const userData = { id: '', ename: this.userInformation, name: this.userNames }
|
|
|
- // const objData = { taskInfo: formTask, user: userData }
|
|
|
- // updateTaskList(objData).then(response => {
|
|
|
- // if (response.code === 200) {
|
|
|
- // this.kanBanDrag()
|
|
|
- // this.successFun('operating')
|
|
|
- // } else {
|
|
|
- // this.errorFun(response.msg)
|
|
|
- // }
|
|
|
- // })
|
|
|
- // },
|
|
|
- // // 看板获取
|
|
|
- // kanBanDrag() {
|
|
|
- // this.loadingOnlineProcess = true
|
|
|
- // const initValue = { bizId: this.bizJson }
|
|
|
- // listMap(initValue).then((res) => {
|
|
|
- // this.labelDrag = res.data
|
|
|
- // this.loadingOnlineProcess = false
|
|
|
- // })
|
|
|
- // },
|
|
|
- // // 标签页研发质量
|
|
|
- // handleClick() {
|
|
|
- // if (this.activeName === 'second') {
|
|
|
- // this.kanBanDrag()
|
|
|
- // } else if (this.activeName === 'first') {
|
|
|
- // this.bugListSelectBeforeGet()
|
|
|
- // } else {
|
|
|
- // this.errorFun('获取数据失败')
|
|
|
- // }
|
|
|
- // },
|
|
|
- // // 看板查询
|
|
|
- // kanBanQuery(e) {
|
|
|
- // for (const key in e) {
|
|
|
- // if (!e[key]) {
|
|
|
- // delete e[key]
|
|
|
- // }
|
|
|
- // }
|
|
|
- // e.bizId = this.bizJson
|
|
|
- // this.loadingOnlineProcess = true
|
|
|
- // listMap(e).then((res) => {
|
|
|
- // this.labelDrag = res.data
|
|
|
- // this.loadingOnlineProcess = false
|
|
|
- // })
|
|
|
- // },
|
|
|
+ // 显示隐藏删除图标
|
|
|
+ mouseenter(data) {
|
|
|
+ this.$set(data, 'del', true)
|
|
|
+ },
|
|
|
+ mouseleave(data) {
|
|
|
+ this.$set(data, 'del', false)
|
|
|
+ },
|
|
|
+
|
|
|
+ // 看板移动更新
|
|
|
+ checkMove(evt) {
|
|
|
+ this.pauseFromId = evt.draggedContext.element.id
|
|
|
+ },
|
|
|
+ targetRecording(e) {
|
|
|
+ this.pauseTarget = e
|
|
|
+ const formTask = { id: this.pauseFromId, status: this.pauseTarget }
|
|
|
+ const userData = { id: '', ename: this.userInformation, name: this.userNames }
|
|
|
+ const objData = { taskInfo: formTask, user: userData }
|
|
|
+ updateTaskList(objData).then(response => {
|
|
|
+ if (response.code === 200) {
|
|
|
+ this.kanBanDrag()
|
|
|
+ this.successFun('operating')
|
|
|
+ } else {
|
|
|
+ this.errorFun(response.msg)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 业务线数据获取
|
|
|
+ forkDown() {
|
|
|
+ projectGetTypeMap().then(res => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.bizOptions = res.data
|
|
|
+ if (this.bizJson) {
|
|
|
+ this.isPlatformShow = true
|
|
|
+ this.platformTypeStr = this.bizOptions.filter(value => value.code === parseInt(this.bizJson))[0].child
|
|
|
+ this.$set(this.form, 'type', '')
|
|
|
+ this.$set(this.form, 'clientType', '')
|
|
|
+ this.$set(this.formKanBan, 'type', '')
|
|
|
+ this.$set(this.formKanBan, 'clientType', '')
|
|
|
+ } else {
|
|
|
+ this.isPlatformShow = false
|
|
|
+ this.isBusinessShow = false
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.errorFun('业务线数据获取失败')
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 业务线取子数据
|
|
|
+ clickChangeBusiness(e) {
|
|
|
+ if (e && this.platformTypeStr.filter(value => value.code === e)[0].child) {
|
|
|
+ this.isBusinessShow = true
|
|
|
+ this.businessTypeStr = this.platformTypeStr.filter(value => value.code === e)[0].child
|
|
|
+ this.$set(this.form, 'clientType', '')
|
|
|
+ this.$set(this.formKanBan, 'clientType', '')
|
|
|
+ } else {
|
|
|
+ this.isBusinessShow = false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ clickChangeModule(e) {
|
|
|
+ console.log(e)
|
|
|
+ if (!e) {
|
|
|
+ this.isBusinessShow = false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 看板获取
|
|
|
+ kanBanDrag() {
|
|
|
+ this.loadingOnlineProcess = true
|
|
|
+ const initValue = { bizId: this.bizJson }
|
|
|
+ listMap(initValue).then((res) => {
|
|
|
+ res.code === 200 ? this.labelDrag = this.bubble(res.data) : this.errorFun(res.msg)
|
|
|
+ this.loadingOnlineProcess = false
|
|
|
+ // HTMLCollection 如何便利呢
|
|
|
+ // console.log(document.getElementsByClassName('el-tag__close'))
|
|
|
+ // document.getElementsByClassName('el-tag__close').map((eachHtml) => {
|
|
|
+ // eachHtml.style.cssText = 'display:none'
|
|
|
+ // })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 标签删除
|
|
|
+ handleClose(tag, item) {
|
|
|
+ const afterDeleteArr = item.tagGroup.filter((eachData) => eachData !== tag)
|
|
|
+ this.$confirm('是否确认删除', '确认信息', {
|
|
|
+ distinguishCancelAndClose: true,
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消'
|
|
|
+ }).then(() => {
|
|
|
+ const sendData = { id: item.id, tag: afterDeleteArr.join(',') }
|
|
|
+ const userData = { id: '', ename: this.userInformation, name: this.userNames }
|
|
|
+ const objData = { taskInfo: sendData, user: userData }
|
|
|
+ updateTaskList(objData).then(res => {
|
|
|
+ this.kanBanDrag()
|
|
|
+ })
|
|
|
+ }).catch(action => {
|
|
|
+ this.$message({ type: 'success', message: '已取消' })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 失去焦点执行
|
|
|
+ handleInputConfirm(item) {
|
|
|
+ if (item.inputValue === undefined) {
|
|
|
+ item.inputVisible = false
|
|
|
+ return
|
|
|
+ }
|
|
|
+ item.tagGroup.push(item.inputValue)
|
|
|
+ const sendData = { id: item.id, tag: item.tagGroup.join(',') }
|
|
|
+ const userData = { id: '', ename: this.userInformation, name: this.userNames }
|
|
|
+ const objData = { taskInfo: sendData, user: userData }
|
|
|
+ updateTaskList(objData).then((res) => {
|
|
|
+ this.$set(item, 'inputVisible', false)
|
|
|
+ this.kanBanDrag()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 添加标签
|
|
|
+ showInput(item) {
|
|
|
+ this.$set(item, 'inputVisible', true)
|
|
|
+ this.$nextTick(() => {
|
|
|
+ // setTimeout(() => {
|
|
|
+ // that.$refs.save_TagInput.focus()
|
|
|
+ // })
|
|
|
+ this.$refs.save_TagInput[0].focus() // 真的神奇。。。
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 导航栏获取
|
|
|
+ navigationGet() {
|
|
|
+ listComment({ bizId: this.bizJson, type: 1 }).then((res) => {
|
|
|
+ const reduceNa = (arr) => { // modules和child
|
|
|
+ arr.forEach((each) => {
|
|
|
+ each.id = each.commentInfo.id
|
|
|
+ each.spanAbsolute = true
|
|
|
+ if (each.child) {
|
|
|
+ each.child = reduceNa(each.child)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ return arr
|
|
|
+ }
|
|
|
+ res.code === 200 ? this.dealWithBusinessDate = reduceNa(res.data) : this.errorFun(res.msg)
|
|
|
+ // this.dealWithBusinessDate === [] ? this.isEmpty = false : this.isEmpty = true
|
|
|
+ // console.log(this.isEmpty)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 冒泡数量从高到低 和 分组
|
|
|
+ bubble(arr) {
|
|
|
+ let res = Object.assign([], arr)
|
|
|
+ const max = res.length - 1
|
|
|
+ for (let j = 0; j < max; j++) {
|
|
|
+ // 声明一个变量，作为标志位
|
|
|
+ let done = true
|
|
|
+ for (let i = 0; i < max - j; i++) {
|
|
|
+ if (res[i].count < res[i + 1].count) {
|
|
|
+ var temp = res[i]
|
|
|
+ res[i] = res[i + 1]
|
|
|
+ res[i + 1] = temp
|
|
|
+ done = false
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (done) {
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 自己处理吧 (^_^)
|
|
|
+ res = res.map(eachData => ({
|
|
|
+ ...eachData,
|
|
|
+ taskInfos: eachData.taskInfos.map(detail => ({
|
|
|
+ ...detail,
|
|
|
+ tagGroup: [
|
|
|
+ ...(detail.tag ? detail.tag.split(',').map(str => str.trim()) : [])
|
|
|
+ ],
|
|
|
+ nameGroup: [
|
|
|
+ ...(detail.pmList ? detail.pmList.split(',').map(str => str.trim()) : []),
|
|
|
+ ...(detail.qaList ? detail.qaList.split(',').map(str => str.trim()) : []),
|
|
|
+ ...(detail.rdList ? detail.rdList.split(',').map(str => str.trim()) : [])
|
|
|
+ ]
|
|
|
+ }))
|
|
|
+ }))
|
|
|
+ this.totalKanBan = res.reduce((sumSoFar, item) => sumSoFar + item.count, 0)
|
|
|
+ return res
|
|
|
+ },
|
|
|
+ // 标签页研发质量
|
|
|
+ handleClick() {
|
|
|
+ if (this.activeName === 'second') {
|
|
|
+ this.isBusinessShow = false
|
|
|
+ this.kanBanDrag()
|
|
|
+ this.navigationGet()
|
|
|
+ } else if (this.activeName === 'first') {
|
|
|
+ this.isBusinessShow = false
|
|
|
+ this.bugListSelectBeforeGet()
|
|
|
+ } else {
|
|
|
+ this.errorFun('获取数据失败')
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 新增子节点
|
|
|
+ append(data) {
|
|
|
+ const newChild = { id: data.id, commentInfo: { content: '新建文件夹' }, child: [] }
|
|
|
+ if (!data.child) {
|
|
|
+ this.$set(data, 'child', [])
|
|
|
+ }
|
|
|
+ // this.$nextTick(() => {
|
|
|
+ // data.child.push(newChild)
|
|
|
+ // })
|
|
|
+ data.child.push(newChild)
|
|
|
+ this.defaultExpanded.push(data.id)
|
|
|
+ this.$set(newChild, 'pauseContentNext', newChild.commentInfo.content)
|
|
|
+ this.$set(newChild, 'isNextDb', true)
|
|
|
+ this.$set(newChild, 'isDbShow', false)
|
|
|
+ this.$set(newChild, 'spanAbsolute', false)
|
|
|
+ this.$nextTick(() => {
|
|
|
+ setTimeout(() => {
|
|
|
+ this.$refs.get_InputNext.focus()
|
|
|
+ })
|
|
|
+ this.$refs.get_InputNext.focus()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 创建下级节点
|
|
|
+ handleInputNext(node, data) {
|
|
|
+ if (data.pauseContentNext === '') {
|
|
|
+ this.$set(data, 'isNextDb', false)
|
|
|
+ this.$set(data, 'isDbShow', false)
|
|
|
+ this.$set(data, 'spanAbsolute', true)
|
|
|
+ return
|
|
|
+ }
|
|
|
+ const sendData = { bizId: this.bizJson, type: 1, fatherId: data.id, content: data.pauseContentNext }
|
|
|
+ const userData = { id: '', ename: this.userInformation, name: this.userNames }
|
|
|
+ const objData = { commentInfo: sendData, user: userData }
|
|
|
+ createComment(objData).then((res) => {
|
|
|
+ this.$set(data, 'isNextDb', false)
|
|
|
+ this.$set(data, 'isDbShow', false)
|
|
|
+ this.$set(data, 'spanAbsolute', true)
|
|
|
+ this.navigationGet()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 删除节点
|
|
|
+ deleteNode(data) {
|
|
|
+ this.$confirm('是否确认删除', '确认信息', {
|
|
|
+ distinguishCancelAndClose: true,
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消'
|
|
|
+ }).then(() => {
|
|
|
+ const userData = { bizId: this.bizJson, id: '', ename: this.userInformation, name: this.userNames }
|
|
|
+ const objData = { user: userData }
|
|
|
+ deleteComment(data.commentInfo.id, objData).then(res => {
|
|
|
+ this.defaultExpanded.push(data.commentInfo.fatherId)
|
|
|
+ this.navigationGet()
|
|
|
+ })
|
|
|
+ }).catch(action => {
|
|
|
+ this.$message({ type: 'success', message: '已取消' })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 新建最外级节点
|
|
|
+ addNewNode() {
|
|
|
+ this.isEmpty = true
|
|
|
+ this.isNewFile = true
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.getNewFile.focus()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ addFile() {
|
|
|
+ if (this.addFileName === '') {
|
|
|
+ this.isNewFile = false
|
|
|
+ this.isEmpty = false
|
|
|
+ return
|
|
|
+ }
|
|
|
+ const sendData = { bizId: this.bizJson, type: 1, fatherId: 0, content: this.addFileName }
|
|
|
+ const userData = { id: '', ename: this.userInformation, name: this.userNames }
|
|
|
+ const objData = { commentInfo: sendData, user: userData }
|
|
|
+ createComment(objData).then((res) => {
|
|
|
+ this.isNewFile = false
|
|
|
+ this.navigationGet()
|
|
|
+ this.addFileName = ''
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 双击编辑
|
|
|
+ dblclick(data) {
|
|
|
+ this.$set(data, 'pauseContent', data.commentInfo.content)
|
|
|
+ this.$set(data, 'isDbShow', true)
|
|
|
+ this.$set(data, 'isNextDb', false)
|
|
|
+ this.$set(data, 'spanAbsolute', false)
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.get_Input.focus()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 看板查询
|
|
|
+ kanBanQuery(e) {
|
|
|
+ this.emptyJudge(e)
|
|
|
+ e.bizId = this.bizJson
|
|
|
+ this.loadingOnlineProcess = true
|
|
|
+ listMap(e).then((res) => {
|
|
|
+ res.code === 200 ? this.labelDrag = this.bubble(res.data) : this.errorFun(res.msg)
|
|
|
+ this.loadingOnlineProcess = false
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 接口不接受空值处理
|
|
|
+ emptyJudge(obj) {
|
|
|
+ for (const key in obj) {
|
|
|
+ if (obj[key] === '') {
|
|
|
+ delete obj[key]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 看板跳转
|
|
|
+ jumpToReport(id) {
|
|
|
+ this.$router.push({ name: '任务查看', query: { id: id }})
|
|
|
+ },
|
|
|
+ // tree
|
|
|
+ handleNodeClick(data) {
|
|
|
+ if (data.commentInfo.fatherId === 0) {
|
|
|
+ this.kanBanDrag()
|
|
|
+ } else {
|
|
|
+ this.loadingOnlineProcess = true
|
|
|
+ const initValue = { bizId: this.bizJson, group: data.commentInfo.id }
|
|
|
+ listMap(initValue).then((res) => {
|
|
|
+ res.code === 200 ? this.labelDrag = this.bubble(res.data) : this.errorFun(res.msg)
|
|
|
+ this.loadingOnlineProcess = false
|
|
|
+ // HTMLCollection 如何便利呢
|
|
|
+ // console.log(document.getElementsByClassName('el-tag__close'))
|
|
|
+ // document.getElementsByClassName('el-tag__close').map((eachHtml) => {
|
|
|
+ // eachHtml.style.cssText = 'display:none'
|
|
|
+ // })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 双击编辑
|
|
|
+ handleInput(node, data) {
|
|
|
+ if (data.pauseContent === data.commentInfo.content) {
|
|
|
+ this.$set(data, 'isDbShow', false)
|
|
|
+ this.$set(data, 'isNextDb', false)
|
|
|
+ this.$set(data, 'spanAbsolute', true)
|
|
|
+ return
|
|
|
+ }
|
|
|
+ const sendData = { bizId: this.bizJson, type: 1, id: data.commentInfo.id, content: data.pauseContent }
|
|
|
+ const userData = { id: '', ename: this.userInformation, name: this.userNames }
|
|
|
+ const objData = { commentInfo: sendData, user: userData }
|
|
|
+ updateComment(objData).then((res) => {
|
|
|
+ this.defaultExpanded.push(data.commentInfo.fatherId)
|
|
|
+ this.$set(data, 'isDbShow', false)
|
|
|
+ this.$set(data, 'isNextDb', false)
|
|
|
+ this.$set(data, 'spanAbsolute', true)
|
|
|
+ this.navigationGet()
|
|
|
+ })
|
|
|
+ },
|
|
|
handleCurrentChange(curIndex) {
|
|
|
this.curIndex = curIndex
|
|
|
this.dataQueryInSearch()
|
|
|
@@ -293,17 +800,17 @@ export default {
|
|
|
|
|
|
.set-background
|
|
|
background-color #F2F3F6
|
|
|
- display flex
|
|
|
- justify-content center
|
|
|
+ padding 20px
|
|
|
min-width 900px
|
|
|
+ min-height calc(100vh - 50px)
|
|
|
.block
|
|
|
background-color rgba(255,255,255,1)
|
|
|
box-shadow 0px 0px 11px 0px rgba(238,240,245,1)
|
|
|
border-radius 7px
|
|
|
- width 96%
|
|
|
- margin 25px 0
|
|
|
+ width 100%
|
|
|
+ // margin-bottom 25px
|
|
|
padding 10px 20px
|
|
|
- min-height calc(100vh - 100px)
|
|
|
+ min-height calc(100vh - 90px)
|
|
|
.block >>> .el-tabs__nav-wrap::after
|
|
|
background-color white
|
|
|
.block >>> .el-tabs__item
|
|
|
@@ -318,11 +825,351 @@ export default {
|
|
|
background-color #F0F2F4 !important
|
|
|
.set-between
|
|
|
display flex
|
|
|
+ .set-between:first-child
|
|
|
+ width 80%
|
|
|
.set-between >>> .el-button
|
|
|
height 36px
|
|
|
.set-between >>> .el-form-item
|
|
|
display flex
|
|
|
margin-right -35px
|
|
|
- .set-locate
|
|
|
- margin-top 15px
|
|
|
+ .set-between-kanban
|
|
|
+ display flex
|
|
|
+ align-items center
|
|
|
+ margin-bottom 20px
|
|
|
+ .set-between-kanban:first-child
|
|
|
+ width 80%
|
|
|
+ .set-between-kanban >>> .el-button
|
|
|
+ height 36px
|
|
|
+ .set-between-kanban >>> .el-form-item
|
|
|
+ display flex
|
|
|
+ margin-bottom 0px !important
|
|
|
+ margin-right -35px
|
|
|
+ .navigation-content
|
|
|
+ width 100%
|
|
|
+ display flex
|
|
|
+ justify-content space-between
|
|
|
+ margin-top 20px
|
|
|
+ height calc(100vh - 254px)
|
|
|
+ .navigation
|
|
|
+ background-color rgba(255,255,255,1)
|
|
|
+ box-shadow 0px 0px 11px 0px rgba(238,240,245,1)
|
|
|
+ border-radius 7px
|
|
|
+ width 16%
|
|
|
+ height 100%
|
|
|
+ .collapse
|
|
|
+ height 30px
|
|
|
+ padding 4px 10px 0 0
|
|
|
+ display flex
|
|
|
+ flex-direction row-reverse
|
|
|
+ font-size 14px
|
|
|
+ font-weight 400
|
|
|
+ color rgba(111,124,147,1)
|
|
|
+ line-height 35px
|
|
|
+ span
|
|
|
+ cursor pointer
|
|
|
+ .scroll-navigate
|
|
|
+ overflow-x scroll
|
|
|
+ height calc(100% - 30px)
|
|
|
+ // .span_el
|
|
|
+ // display block
|
|
|
+ // overflow hidden
|
|
|
+ // /* white-space: nowrap; */
|
|
|
+ // text-overflow ellipsis
|
|
|
+ .empty-add
|
|
|
+ width 100%
|
|
|
+ height calc(100% - 30px)
|
|
|
+ display flex
|
|
|
+ align-items center
|
|
|
+ justify-content center
|
|
|
+ span
|
|
|
+ color rgba(111,124,147,1)
|
|
|
+ font-size 14px
|
|
|
+ padding-left 5px
|
|
|
+ cursor pointer
|
|
|
+ .el-icon-circle-plus
|
|
|
+ opacity 0.4
|
|
|
+ cursor pointer
|
|
|
+ .custom-tree-node
|
|
|
+ width 100%
|
|
|
+ font-size 14px
|
|
|
+ display flex
|
|
|
+ align-items center
|
|
|
+ justify-content space-between
|
|
|
+ font-size 14px
|
|
|
+ // padding-right 25px
|
|
|
+ .el-button--text
|
|
|
+ margin-right 10px
|
|
|
+ .navigation >>> .el-tree-node__content
|
|
|
+ height 30px !important
|
|
|
+ .navigation >>> .el-tree-node__children
|
|
|
+ opacity 0.9
|
|
|
+ .navigation >>> .el-tree-node__expand-icon
|
|
|
+ font-size 14px
|
|
|
+ color black
|
|
|
+ opacity 0.7
|
|
|
+ .navigation >>> .el-tree-node__expand-icon.is-leaf
|
|
|
+ color transparent !important
|
|
|
+ cursor default !important
|
|
|
+ .collapse-navigation
|
|
|
+ background-color rgba(255,255,255,1)
|
|
|
+ box-shadow 0px 0px 11px 0px rgba(238,240,245,1)
|
|
|
+ border-radius 7px
|
|
|
+ width 5%
|
|
|
+ height 100%
|
|
|
+ .expand-collapse
|
|
|
+ display flex
|
|
|
+ justify-content center
|
|
|
+ height 30px
|
|
|
+ font-size 14px
|
|
|
+ font-weight 400
|
|
|
+ color rgba(111,124,147,1)
|
|
|
+ line-height 35px
|
|
|
+ span
|
|
|
+ cursor pointer
|
|
|
+ .tips
|
|
|
+ margin-top 130px
|
|
|
+ display flex
|
|
|
+ justify-content center
|
|
|
+ width 100%
|
|
|
+ height 200px
|
|
|
+ .lr
|
|
|
+ height 100%
|
|
|
+ span
|
|
|
+ writing-mode vertical-rl
|
|
|
+ font-size 15px
|
|
|
+ font-weight 400
|
|
|
+ color rgba(111,124,147,1)
|
|
|
+ line-height 35px
|
|
|
+ .content
|
|
|
+ background-color rgba(255,255,255,1)
|
|
|
+ box-shadow 0px 0px 11px 0px rgba(238,240,245,1)
|
|
|
+ border-radius 7px
|
|
|
+ width 82.5%
|
|
|
+ height 100%
|
|
|
+ padding 20px
|
|
|
+ .under-padding
|
|
|
+ width 100%
|
|
|
+ height 100%
|
|
|
+ overflow-x scroll
|
|
|
+ .dataUndisplay
|
|
|
+ width 100%
|
|
|
+ height 100%
|
|
|
+ display flex
|
|
|
+ justify-content center
|
|
|
+ align-items center
|
|
|
+ span
|
|
|
+ font-weight 400
|
|
|
+ color #6f7c93
|
|
|
+ font-size 14px
|
|
|
+ line-height 20px
|
|
|
+ .set-flex
|
|
|
+ width 3880px
|
|
|
+ display flex
|
|
|
+ justify-content space-between
|
|
|
+ .drag-head
|
|
|
+ width 280px
|
|
|
+ border-radius 7px 7px 0 0
|
|
|
+ background-color #ECECEC
|
|
|
+ box-shadow 0px 0px 11px 0px #ececec
|
|
|
+ height fit-content
|
|
|
+ // overflow scroll
|
|
|
+ .head
|
|
|
+ height 50px
|
|
|
+ display flex
|
|
|
+ justify-content center
|
|
|
+ align-items center
|
|
|
+ padding-top 10px
|
|
|
+ .head-name
|
|
|
+ font-size 14px
|
|
|
+ font-weight 400
|
|
|
+ line-height 35px
|
|
|
+ margin-right 5px
|
|
|
+ .waitColor
|
|
|
+ color #F56C6C
|
|
|
+ .processColor
|
|
|
+ color #FB9616
|
|
|
+ .finishColor
|
|
|
+ color #00C9AE
|
|
|
+ .head-score
|
|
|
+ font-size 14px
|
|
|
+ font-weight 400
|
|
|
+ line-height 35px
|
|
|
+ margin-left 5px
|
|
|
+ .drag
|
|
|
+ width 280px
|
|
|
+ border-radius 0 0 7px 7px
|
|
|
+ background-color #ECECEC
|
|
|
+ box-shadow 0px 0px 11px 0px #ececec
|
|
|
+ height fit-content
|
|
|
+ max-height 56.4vh
|
|
|
+ overflow scroll
|
|
|
+ .inner-drag
|
|
|
+ width 89%
|
|
|
+ margin 10px auto 0 auto
|
|
|
+ background-color white
|
|
|
+ border-radius 4px
|
|
|
+ padding 10px 10px 4px 10px
|
|
|
+ border-left-width 4px
|
|
|
+ border-left-style solid
|
|
|
+ &.waitColor
|
|
|
+ border-left-color #F56C6C
|
|
|
+ &.processColor
|
|
|
+ border-left-color #FB9616
|
|
|
+ &.finishColor
|
|
|
+ border-left-color #00C9AE
|
|
|
+ .span-wrap
|
|
|
+ width 100%
|
|
|
+ // margin-bottom 5px
|
|
|
+ span
|
|
|
+ font-size 13px
|
|
|
+ font-weight 400
|
|
|
+ color rgba(51,59,74,1)
|
|
|
+ line-height 20px
|
|
|
+ .priority
|
|
|
+ width 18px
|
|
|
+ display flex
|
|
|
+ align-items center
|
|
|
+ justify-content center
|
|
|
+ height 18px
|
|
|
+ margin-top 3px
|
|
|
+ border-radius 4px
|
|
|
+ &.priority-red
|
|
|
+ background-color #F56C6C
|
|
|
+ &.priority-orange
|
|
|
+ background-color #FB9616
|
|
|
+ &.priority-green
|
|
|
+ background-color #7DCB72
|
|
|
+ &.priority-blue
|
|
|
+ background-color #73C5FA
|
|
|
+ &.priority-purple
|
|
|
+ background-color #AEB4FF
|
|
|
+ &.priority-yellow
|
|
|
+ background-color yellow
|
|
|
+ &.priority-grey
|
|
|
+ background-color grey
|
|
|
+ span
|
|
|
+ color rgba(255,255,255,1)
|
|
|
+ transform scale(0.8)
|
|
|
+ font-size 12px
|
|
|
+ .set-wrap
|
|
|
+ width 100%
|
|
|
+ display flex
|
|
|
+ flex-wrap wrap
|
|
|
+ .role-color
|
|
|
+ display flex
|
|
|
+ align-items center
|
|
|
+ justify-content center
|
|
|
+ height 18px
|
|
|
+ margin-top 6px
|
|
|
+ border-radius 4px
|
|
|
+ margin-right 8px
|
|
|
+ padding 0 3px 0 3px
|
|
|
+ &.priority-red
|
|
|
+ background-color #F56C6C
|
|
|
+ &.priority-orange
|
|
|
+ background-color #FB9616
|
|
|
+ &.priority-green
|
|
|
+ background-color #7DCB72
|
|
|
+ &.priority-blue
|
|
|
+ background-color #73C5FA
|
|
|
+ &.priority-purple
|
|
|
+ background-color #AEB4FF
|
|
|
+ &.priority-yellow
|
|
|
+ background-color yellow
|
|
|
+ &.priority-grey
|
|
|
+ background-color grey
|
|
|
+ span
|
|
|
+ color rgba(255,255,255,1)
|
|
|
+ transform scale(0.8)
|
|
|
+ font-size 12px
|
|
|
+ .only-tag
|
|
|
+ width 100%
|
|
|
+ display flex
|
|
|
+ flex-wrap wrap
|
|
|
+ margin-top 6px
|
|
|
+ span
|
|
|
+ font-size 12px
|
|
|
+ .el-tag
|
|
|
+ margin 0px 10px 6px 0px
|
|
|
+ display flex
|
|
|
+ // align-items center
|
|
|
+ // justify-content center
|
|
|
+ // height 28px
|
|
|
+ .button-new-tag
|
|
|
+ // margin-left 10px
|
|
|
+ padding 3px
|
|
|
+ height 20px
|
|
|
+ background-color #f4f4f5
|
|
|
+ // height 25px
|
|
|
+ // width 25px
|
|
|
+ display flex
|
|
|
+ // align-items center
|
|
|
+ // justify-content center
|
|
|
+ // height 32px
|
|
|
+ // line-height 30px
|
|
|
+ // padding-top 0
|
|
|
+ // padding-bottom 0
|
|
|
+ .input-new-tag
|
|
|
+ // width 90px
|
|
|
+ // height 25px
|
|
|
+ // margin-left 10px
|
|
|
+ // vertical-align bottom
|
|
|
+ .input-new-tag >>> .el-input__inner
|
|
|
+ height 20px
|
|
|
+ line-height 20px
|
|
|
+ .el-icon-price-tag
|
|
|
+ margin-right 4px
|
|
|
+ padding-top 3px
|
|
|
+ font-size 12px
|
|
|
+ transform rotate(-45deg)
|
|
|
+ .set-reverse
|
|
|
+ width 100%
|
|
|
+ display flex
|
|
|
+ justify-content space-between
|
|
|
+ span
|
|
|
+ font-size 13px
|
|
|
+ font-weight 400
|
|
|
+ color rgba(51,59,74,1)
|
|
|
+ line-height 20px
|
|
|
+ .center
|
|
|
+ display flex
|
|
|
+ align-items center
|
|
|
+ justify-content center
|
|
|
+ border-radius 4px
|
|
|
+ border 1px solid #ddd
|
|
|
+ width fit-content
|
|
|
+ height 18px
|
|
|
+ padding 0 6px 0 6px
|
|
|
+ span
|
|
|
+ color rgba(151,151,151,1)
|
|
|
+ transform scale(0.7)
|
|
|
+ font-size 12px
|
|
|
+ .tag-wrap
|
|
|
+ margin-top 15px
|
|
|
+ display flex
|
|
|
+ flex-direction row-reverse
|
|
|
+ .inner-drag:last-child
|
|
|
+ width 89%
|
|
|
+ margin 10px auto
|
|
|
+ background-color white
|
|
|
+ border-radius 4px
|
|
|
+ .inner-drag-blank
|
|
|
+ width 89%
|
|
|
+ margin 10px auto
|
|
|
+ background-color white
|
|
|
+ border-radius 4px
|
|
|
+ padding 10px
|
|
|
+ border-left-width 4px
|
|
|
+ border-left-style solid
|
|
|
+ &.blankColor
|
|
|
+ border-left-color #A7AEBC
|
|
|
+ .content-blank
|
|
|
+ display flex
|
|
|
+ justify-content center
|
|
|
+ align-items center
|
|
|
+ width 100%
|
|
|
+ height 60px
|
|
|
+ span
|
|
|
+ color rgba(167,174,188,1)
|
|
|
+ font-size 12px
|
|
|
</style>
|
qinzhipeng_v