|
@@ -22,34 +22,26 @@
|
|
<div class="tableContent">
|
|
<div class="tableContent">
|
|
<el-table
|
|
<el-table
|
|
:data="tableData"
|
|
:data="tableData"
|
|
- style="width: 100%;margin-bottom: 20px;"
|
|
|
|
:cell-style="cellStyle"
|
|
:cell-style="cellStyle"
|
|
:header-cell-style="headClass"
|
|
:header-cell-style="headClass"
|
|
border
|
|
border
|
|
:span-method="handleSpanMethod">
|
|
:span-method="handleSpanMethod">
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="taskLevel"
|
|
|
|
- label="项目级别"
|
|
|
|
- sortable
|
|
|
|
- width="180" v-if="false">
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column
|
|
|
|
prop="taskNo"
|
|
prop="taskNo"
|
|
label="序号"
|
|
label="序号"
|
|
sortable
|
|
sortable
|
|
- width="80" :formatter="formatTaskNo">
|
|
|
|
|
|
+ width="50%" :formatter="formatTaskNo">
|
|
|
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="taskTitle"
|
|
prop="taskTitle"
|
|
label="工作内容"
|
|
label="工作内容"
|
|
- sortable
|
|
|
|
- width="180">
|
|
|
|
|
|
+ width="60%" align="center">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="taskContent"
|
|
prop="taskContent"
|
|
- label="详细工作内容">
|
|
|
|
|
|
+ label="详细工作内容" width="150%">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<span v-if="scope.row.taskContent !== '' && scope.row.taskContent !==null"
|
|
<span v-if="scope.row.taskContent !== '' && scope.row.taskContent !==null"
|
|
v-html="scope.row.taskContent.replace(/\n|\r\n/g, '<br>').replace(/ /g, ' ')"></span>
|
|
v-html="scope.row.taskContent.replace(/\n|\r\n/g, '<br>').replace(/ /g, ' ')"></span>
|
|
@@ -57,20 +49,16 @@
|
|
|
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="taskPlanTime" width="100"
|
|
|
|
- label="计划完成时间" :formatter="formatTime2">
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column
|
|
|
|
- prop="taskCompleteTime" width="100"
|
|
|
|
|
|
+ prop="taskCompleteTime" width="30%"
|
|
label="实际完成时间" :formatter="formatTime3">
|
|
label="实际完成时间" :formatter="formatTime3">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="taskStatus" width="100"
|
|
|
|
- label="进展状态">
|
|
|
|
|
|
+ prop="taskStatus" width="30%"
|
|
|
|
+ label="进展状态" :key="Math.random()">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="fileUrl" width="100"
|
|
|
|
- label="附件">
|
|
|
|
|
|
+ prop="fileUrl" width="70%"
|
|
|
|
+ label="附件" :key="Math.random()">
|
|
|
|
|
|
<span slot-scope="scope">
|
|
<span slot-scope="scope">
|
|
<span v-for="(item,index) in scope.row.fileUrl" v-text="formatFileUrl(item,index)"
|
|
<span v-for="(item,index) in scope.row.fileUrl" v-text="formatFileUrl(item,index)"
|
|
@@ -79,7 +67,7 @@
|
|
@click="downloadFile(item)">  <br></span>
|
|
@click="downloadFile(item)">  <br></span>
|
|
</span>
|
|
</span>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column label="操作" width="200">
|
|
|
|
|
|
+ <el-table-column label="操作" width="70%">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-button
|
|
<el-button
|
|
size="mini"
|
|
size="mini"
|
|
@@ -96,34 +84,41 @@
|
|
@click="handleDelete(scope.$index, scope.row)">删除
|
|
@click="handleDelete(scope.$index, scope.row)">删除
|
|
</el-button>
|
|
</el-button>
|
|
|
|
|
|
- <br>
|
|
|
|
- <el-upload
|
|
|
|
- :http-request="dataUpload"
|
|
|
|
- :before-upload="beforeUpload"
|
|
|
|
- class="el-upload-button"
|
|
|
|
- action=""
|
|
|
|
- ref="upload"
|
|
|
|
- >
|
|
|
|
- <el-button
|
|
|
|
- @click="row=scope.row"
|
|
|
|
- slot="trigger"
|
|
|
|
- type="text"
|
|
|
|
- size="mini"
|
|
|
|
- icon="el-icon-upload2"
|
|
|
|
- >上传附件
|
|
|
|
- </el-button>
|
|
|
|
- </el-upload>
|
|
|
|
|
|
+ <div style="float:right">
|
|
|
|
+ <el-upload
|
|
|
|
+ :http-request="dataUpload"
|
|
|
|
+ :before-upload="beforeUpload"
|
|
|
|
+ class="el-upload-button"
|
|
|
|
+ action=""
|
|
|
|
+ ref="upload"
|
|
|
|
+ >
|
|
|
|
+ <el-button
|
|
|
|
+ @click="row=scope.row"
|
|
|
|
+ slot="trigger"
|
|
|
|
+ type="text"
|
|
|
|
+ size="mini"
|
|
|
|
+ icon="el-icon-upload2"
|
|
|
|
+ >上传附件
|
|
|
|
+ </el-button>
|
|
|
|
+ </el-upload>
|
|
|
|
+ </div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="taskParentNo"
|
|
prop="taskParentNo"
|
|
label="父序号"
|
|
label="父序号"
|
|
sortable
|
|
sortable
|
|
- width="180" v-if="false">
|
|
|
|
|
|
+ width="100%" v-if="false" :key="Math.random()">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="showIndex" width="50"
|
|
|
|
|
|
+ prop="taskLevel"
|
|
|
|
+ label="项目级别"
|
|
|
|
+ sortable
|
|
|
|
+ width="10%" v-if="false" :key="Math.random()">
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ prop="showIndex" width="20%"
|
|
label="显示">
|
|
label="显示">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
@@ -169,17 +164,6 @@
|
|
<el-input type="textarea" v-model="form.taskContent"
|
|
<el-input type="textarea" v-model="form.taskContent"
|
|
auto-complete="off"></el-input>
|
|
auto-complete="off"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="计划完成时间"
|
|
|
|
- :label-width="formLabelWidth">
|
|
|
|
- <el-date-picker
|
|
|
|
- v-model="form.taskPlanTime"
|
|
|
|
- align="right"
|
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
|
- type="date"
|
|
|
|
- placeholder="选择日期"
|
|
|
|
- :picker-options="pickerOptions">
|
|
|
|
- </el-date-picker>
|
|
|
|
- </el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="进展状态"
|
|
<el-form-item label="进展状态"
|
|
:label-width="formLabelWidth">
|
|
:label-width="formLabelWidth">
|
|
@@ -250,7 +234,6 @@ export default {
|
|
taskParentNo: "",
|
|
taskParentNo: "",
|
|
taskTitle: "",
|
|
taskTitle: "",
|
|
taskContent: "",
|
|
taskContent: "",
|
|
- taskPlanTime: "",
|
|
|
|
taskCompleteTime: "",
|
|
taskCompleteTime: "",
|
|
taskStatus: ""
|
|
taskStatus: ""
|
|
},
|
|
},
|
|
@@ -397,7 +380,6 @@ export default {
|
|
},
|
|
},
|
|
// 合并单元格
|
|
// 合并单元格
|
|
handleSpanMethod({rowIndex, columnIndex}) {
|
|
handleSpanMethod({rowIndex, columnIndex}) {
|
|
- // if (columnIndex === 0 || columnIndex === 1 || columnIndex === 2) {
|
|
|
|
if (columnIndex === 0 || columnIndex === 1) {
|
|
if (columnIndex === 0 || columnIndex === 1) {
|
|
const _row = this.spanArr[rowIndex];
|
|
const _row = this.spanArr[rowIndex];
|
|
const _col = _row > 0 ? 1 : 0;
|
|
const _col = _row > 0 ? 1 : 0;
|
|
@@ -447,7 +429,6 @@ export default {
|
|
this.form.taskContent = row.taskContent
|
|
this.form.taskContent = row.taskContent
|
|
this.form.id = row.id
|
|
this.form.id = row.id
|
|
this.form.taskLevel = row.taskLevel
|
|
this.form.taskLevel = row.taskLevel
|
|
- this.form.taskPlanTime = row.taskPlanTime
|
|
|
|
this.form.taskCompleteTime = row.taskCompleteTime
|
|
this.form.taskCompleteTime = row.taskCompleteTime
|
|
this.form.taskStatus = row.taskStatus
|
|
this.form.taskStatus = row.taskStatus
|
|
},
|
|
},
|
|
@@ -467,7 +448,6 @@ export default {
|
|
formatFileUrl(url, index) {
|
|
formatFileUrl(url, index) {
|
|
const pos = url.lastIndexOf('\\') // ' / '所在的最后位置
|
|
const pos = url.lastIndexOf('\\') // ' / '所在的最后位置
|
|
const filenameFull = url.substr(pos + 1) //截取文件名称和后缀 输出:香菜.png
|
|
const filenameFull = url.substr(pos + 1) //截取文件名称和后缀 输出:香菜.png
|
|
- //url = url.substr(0,pos) //截取路径字符串 输出:http://localhost:8080/static
|
|
|
|
const pname = filenameFull.substring(0, filenameFull.lastIndexOf(".")) //截取文件名 输出:香菜
|
|
const pname = filenameFull.substring(0, filenameFull.lastIndexOf(".")) //截取文件名 输出:香菜
|
|
return index + 1 + '.' + pname + ""
|
|
return index + 1 + '.' + pname + ""
|
|
},
|
|
},
|
|
@@ -502,13 +482,6 @@ export default {
|
|
|
|
|
|
},
|
|
},
|
|
/*格式化时间*/
|
|
/*格式化时间*/
|
|
- formatTime2(row) {
|
|
|
|
- if (row.taskPlanTime != undefined) {
|
|
|
|
- return dayFormat(row.taskPlanTime)
|
|
|
|
- }
|
|
|
|
- return
|
|
|
|
- },
|
|
|
|
- /*格式化时间*/
|
|
|
|
formatTime3(row) {
|
|
formatTime3(row) {
|
|
if (row.taskCompleteTime != undefined) {
|
|
if (row.taskCompleteTime != undefined) {
|
|
return dayFormat(row.taskCompleteTime)
|
|
return dayFormat(row.taskCompleteTime)
|
|
@@ -534,14 +507,13 @@ export default {
|
|
return
|
|
return
|
|
},
|
|
},
|
|
cellStyle({row, column, rowIndex, columnIndex}) {
|
|
cellStyle({row, column, rowIndex, columnIndex}) {
|
|
- console.log(column)
|
|
|
|
- console.log(row)
|
|
|
|
if (column.property === 'taskTitle' || column.property === 'taskNo') {
|
|
if (column.property === 'taskTitle' || column.property === 'taskNo') {
|
|
switch (row.taskTitle) {
|
|
switch (row.taskTitle) {
|
|
case '成立项目公司':
|
|
case '成立项目公司':
|
|
return {
|
|
return {
|
|
//background: 'yel',
|
|
//background: 'yel',
|
|
color: '#E6A23C',
|
|
color: '#E6A23C',
|
|
|
|
+ textAlign: 'left',
|
|
fontSize: '20px'
|
|
fontSize: '20px'
|
|
}
|
|
}
|
|
break
|
|
break
|
|
@@ -549,6 +521,7 @@ export default {
|
|
return {
|
|
return {
|
|
//background: 'blue',
|
|
//background: 'blue',
|
|
color: '#E6A23C',
|
|
color: '#E6A23C',
|
|
|
|
+ textAlign: 'left',
|
|
fontSize: '20px'
|
|
fontSize: '20px'
|
|
}
|
|
}
|
|
break
|
|
break
|
|
@@ -556,12 +529,13 @@ export default {
|
|
return {
|
|
return {
|
|
//background: 'blue',
|
|
//background: 'blue',
|
|
color: '#E6A23C',
|
|
color: '#E6A23C',
|
|
|
|
+ textAlign: 'left',
|
|
fontSize: '20px'
|
|
fontSize: '20px'
|
|
}
|
|
}
|
|
break
|
|
break
|
|
default:
|
|
default:
|
|
return {
|
|
return {
|
|
- textAlign: 'right'
|
|
|
|
|
|
+ textAlign: 'center'
|
|
}
|
|
}
|
|
break
|
|
break
|
|
}
|
|
}
|
|
@@ -712,6 +686,11 @@ export default {
|
|
color: white;
|
|
color: white;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+/* 隐藏 */
|
|
|
|
+.tableContent /deep/ .el-table colgroup col[name='gutter'] {
|
|
|
|
+ width: 0px;
|
|
|
|
+}
|
|
|
|
+
|
|
.tableContent /deep/ .el-table__body-wrapper::-webkit-scrollbar {
|
|
.tableContent /deep/ .el-table__body-wrapper::-webkit-scrollbar {
|
|
width: 8px; /*滚动条宽度*/
|
|
width: 8px; /*滚动条宽度*/
|
|
height: 12px; /*滚动条高度*/
|
|
height: 12px; /*滚动条高度*/
|
|
@@ -730,13 +709,18 @@ export default {
|
|
}
|
|
}
|
|
|
|
|
|
.tableContent /deep/ .el-table colgroup col[name='gutter'] {
|
|
.tableContent /deep/ .el-table colgroup col[name='gutter'] {
|
|
- width: 9px;
|
|
|
|
|
|
+ width: 0px;
|
|
}
|
|
}
|
|
|
|
|
|
.tableContent /deep/ .el-table__body {
|
|
.tableContent /deep/ .el-table__body {
|
|
width: 100% !important;
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+.tableContent /deep/ .el-table__header {
|
|
|
|
+ width: 100% !important;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+
|
|
.bottomPushBtu {
|
|
.bottomPushBtu {
|
|
background: url(../../../assets/largeScreenImg/index/topLeftBtuBg.png) 100% no-repeat;
|
|
background: url(../../../assets/largeScreenImg/index/topLeftBtuBg.png) 100% no-repeat;
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
@@ -750,8 +734,6 @@ export default {
|
|
}
|
|
}
|
|
|
|
|
|
.textarea {
|
|
.textarea {
|
|
-
|
|
|
|
white-space: pre-wrap;
|
|
white-space: pre-wrap;
|
|
-
|
|
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|