Skip to content

D
data-collect
Commit 08448d2b by wenyi.chen
Options

v1开发完成

parent 6d6c4251
Showing with 118 additions and 46 deletions
src/views/claimTasks/user/list/index.vue
...@@ -29,11 +29,11 @@ ...@@ -29,11 +29,11 @@
ref="multipleTableRef" @selection-change="tableSelection"> ref="multipleTableRef" @selection-change="tableSelection">
<el-table-column type="selection" width="55" :reserve-selection="true" /> <el-table-column type="selection" width="55" :reserve-selection="true" />
<el-table-column label="序号" type="index" width="100" show-overflow-tooltip align="center"></el-table-column> <el-table-column label="序号" type="index" width="100" show-overflow-tooltip align="center"></el-table-column>
<el-table-column prop="taskPackageInfo.name" label="任务名称" show-overflow-tooltip align="center"> <el-table-column prop="taskPackageInfo.name" width="300" label="任务名称" show-overflow-tooltip align="center">
</el-table-column> </el-table-column>
<el-table-column prop="normInfo.name" label="子任务名称" show-overflow-tooltip align="center"> <el-table-column prop="normInfo.name" width="300" label="子任务名称" show-overflow-tooltip align="center">
</el-table-column> </el-table-column>
<el-table-column prop="name" label="指标名称" show-overflow-tooltip align="center"> <el-table-column prop="name" label="指标名称" width="300" show-overflow-tooltip align="center">
</el-table-column> </el-table-column>
<el-table-column prop="price" label="单价" show-overflow-tooltip align="center"> <el-table-column prop="price" label="单价" show-overflow-tooltip align="center">
</el-table-column> </el-table-column>
...@@ -44,15 +44,15 @@ ...@@ -44,15 +44,15 @@
<span style="color: #F56C6C;" v-if="scope.row.sort=='3'">高</span> <span style="color: #F56C6C;" v-if="scope.row.sort=='3'">高</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="level" label="难度等级" show-overflow-tooltip align="center"></el-table-column> <el-table-column prop="level" label="难度等级" width="100" show-overflow-tooltip align="center"></el-table-column>
<el-table-column prop="refer" label="参考信源" show-overflow-tooltip align="center"> <el-table-column prop="refer" label="参考信源" width="300" show-overflow-tooltip align="center">
<template #default="scope"> <template #default="scope">
<el-link type="danger" v-if="checkUrl(scope.row.refer)" :href="scope.row.refer" target ="_blank">点击查看</el-link> <el-link type="danger" v-if="checkUrl(scope.row.refer)" :href="scope.row.refer" target ="_blank">点击查看</el-link>
<span v-else>{{scope.row.refer}}</span> <span v-else>{{scope.row.refer}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="guide" label="参考指南" show-overflow-tooltip align="center"> <el-table-column prop="guide" label="参考指南" width="300" show-overflow-tooltip align="center">
<template #default="scope"> <template #default="scope">
<el-link type="danger" v-if="checkUrl(scope.row.guide)" :href="scope.row.guide" target ="_blank">点击查看</el-link> <el-link type="danger" v-if="checkUrl(scope.row.guide)" :href="scope.row.guide" target ="_blank">点击查看</el-link>
<span v-else>{{scope.row.guide}}</span> <span v-else>{{scope.row.guide}}</span>
......
src/views/dataScreening/list/whole.vue
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
<el-table :data="state.tableData" border style="width: 100%;" :height="state.tableHeight" <el-table :data="state.tableData" border style="width: 100%;" :height="state.tableHeight"
ref="multipleTableRef"> ref="multipleTableRef">
<el-table-column :cell-style="{ 'white-space': 'normal' }" v-for="column in state.columns" :key="column.prop" :label="column.label" :prop="column.prop" :width="column.width" show-overflow-tooltip align="center"> <el-table-column :cell-style="{ 'white-space': 'normal' }" v-for="column in state.columns" :key="column.prop" :label="column.label" :prop="column.prop" :width="column.width" show-overflow-tooltip align="center">
<template #default="scope"><div v-html="formatOutputCustom(scope.row[column.prop],scope.row.id)"></div> <template #default="scope"><div v-html="formatOutputCustom(scope.row[column.prop],scope.row.id,column.label,scope.row)"></div>
<!-- <span style="color:#409EFF" v-if="column.label =='用户名称'">{{scope.row[column.prop]}}</span> <!-- <span style="color:#409EFF" v-if="column.label =='用户名称'">{{scope.row[column.prop]}}</span>
<span style="color:#909399" v-else-if="column.label =='领取状态' && scope.row[column.prop] ==1">已领取</span> <span style="color:#909399" v-else-if="column.label =='领取状态' && scope.row[column.prop] ==1">已领取</span>
<span style="color:#E6A23C" v-else-if="column.label =='完成状态' && scope.row[column.prop] ==0">未完成</span> <span style="color:#E6A23C" v-else-if="column.label =='完成状态' && scope.row[column.prop] ==0">未完成</span>
...@@ -55,6 +55,7 @@ ...@@ -55,6 +55,7 @@
id:'', id:'',
page: 1, page: 1,
limit: 10, limit: 10,
shouw:1,
}, },
total: 0, total: 0,
tableData:[], tableData:[],
...@@ -111,7 +112,8 @@ ...@@ -111,7 +112,8 @@
'norm_info.price': addItem.price, 'norm_info.price': addItem.price,
'norm_info.guide': addItem.guide?addItem.guide:'/', 'norm_info.guide': addItem.guide?addItem.guide:'/',
'norm_list_info.name': item.norm_list_info.name, 'norm_list_info.name': item.norm_list_info.name,
'fileListPdf': item.fileListPdf?item.fileListPdf:'/', 'fileListPdf': item.fileListPdf?item.fileListPdf:'/',
'fileName': item.file_name,
} }
state.tableData.push(list); state.tableData.push(list);
item.norm_list_extend.forEach(function(items, indexs, arrs) { item.norm_list_extend.forEach(function(items, indexs, arrs) {
...@@ -146,7 +148,6 @@ ...@@ -146,7 +148,6 @@
if(item.status == 4){ if(item.status == 4){
list['status'] ='已通过、已结算' list['status'] ='已通过、已结算'
} }
console.log(item)
if(item.not_collectible==null){ if(item.not_collectible==null){
list['not_collectible'] ='待采集' list['not_collectible'] ='待采集'
list['not_collectible_remarks'] ='/' list['not_collectible_remarks'] ='/'
...@@ -191,24 +192,54 @@ ...@@ -191,24 +192,54 @@
* 自定义内容格式化输出 * 自定义内容格式化输出
* @param {*} vlaue * @param {*} vlaue
*/ */
const formatOutputCustom = (value,id) =>{ const formatOutputCustom = (value,id,title,data) =>{
if(value&&typeof value =="string"){ if(value&&typeof value =="string"){
let arr = value.split(','); let arr = value.split(',');
let txt = ''; let txt = '';
arr.map((item, index) => { console.log(title)
let str = checkUrl(item); if(title == '上传文件'){
if(str){ // 取出文件原名称
if(index==0){ let file_name = [];
txt+= "<a style='color:#409EFF;cursor:pointer' href='"+item+"' target ='_blank'>"+item+"</a>"; console.log(data)
}else if(index>4){ if(data.fileName){
txt= "<div style='color:#409EFF;cursor:pointer' onclick='handleClick("+id+")'>查看所有文件</div>"; file_name = data.fileName.split(',');
}else{ }
txt+= "<br><br><a style='color:#409EFF;cursor:pointer' href='"+item+"' target ='_blank'>"+item+"</a>"; arr.map((item, index) => {
} let str = checkUrl(item);
}else{ if(str){
txt+= item; let name = '';
} if(file_name.length==arr.length){
}) name = file_name[index]
}else{
name = '文件_'+(index+1)
}
if(index==0){
txt+= "<a style='color:#409EFF;cursor:pointer' href='"+item+"' target ='_blank'>"+name+"</a>";
}else if(index>4){
txt= "<div style='color:#409EFF;cursor:pointer' onclick='handleClick("+id+")'>查看所有文件</div>";
}else{
txt+= "<br><br><a style='color:#409EFF;cursor:pointer' href='"+item+"' target ='_blank'>"+name+"</a>";
}
}else{
txt+= item;
}
})
}else{
arr.map((item, index) => {
let str = checkUrl(item);
if(str){
if(index==0){
txt+= "<a style='color:#409EFF;cursor:pointer' href='"+item+"' target ='_blank'>"+item+"</a>";
}else if(index>4){
txt= "<div style='color:#409EFF;cursor:pointer' onclick='handleClick("+id+")'>查看所有文件</div>";
}else{
txt+= "<br><br><a style='color:#409EFF;cursor:pointer' href='"+item+"' target ='_blank'>"+item+"</a>";
}
}else{
txt+= item;
}
})
}
return txt; return txt;
}else{ }else{
return value; return value;
......
src/views/norm/list/whole.vue
...@@ -13,8 +13,12 @@ ...@@ -13,8 +13,12 @@
<el-card shadow="hover"> <el-card shadow="hover">
<el-table :data="state.tableData" border style="width: 100%;" :height="state.tableHeight" <el-table :data="state.tableData" border style="width: 100%;" :height="state.tableHeight"
ref="multipleTableRef"> ref="multipleTableRef">
<el-table-column :cell-style="{ 'white-space': 'normal' }" v-for="column in state.columns" :key="column.prop" :label="column.label" :prop="column.prop" :width="column.width" show-overflow-tooltip align="center"> <el-table-column :cell-style="{ 'white-space': 'normal' }" v-for="column in state.columns"
<template #default="scope"><div v-html="formatOutputCustom(scope.row[column.prop],scope.row.id)"></div> :key="column.prop" :label="column.label"
:prop="column.prop" :width="column.width"
show-overflow-tooltip
align="center">
<template #default="scope"><div v-html="formatOutputCustom(scope.row[column.prop],scope.row.id,column.label,scope.row)"></div>
<!-- <span style="color:#409EFF" v-if="column.label =='用户名称'">{{scope.row[column.prop]}}</span> <!-- <span style="color:#409EFF" v-if="column.label =='用户名称'">{{scope.row[column.prop]}}</span>
<span style="color:#909399" v-else-if="column.label =='领取状态' && scope.row[column.prop] ==1">已领取</span> <span style="color:#909399" v-else-if="column.label =='领取状态' && scope.row[column.prop] ==1">已领取</span>
<span style="color:#E6A23C" v-else-if="column.label =='完成状态' && scope.row[column.prop] ==0">未完成</span> <span style="color:#E6A23C" v-else-if="column.label =='完成状态' && scope.row[column.prop] ==0">未完成</span>
...@@ -22,6 +26,13 @@ ...@@ -22,6 +26,13 @@
<span v-else>{{scope.row[column.prop]}}</span> --> <span v-else>{{scope.row[column.prop]}}</span> -->
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="状态" prop="status" fixed="right" min-width="230">
<template #default="scope">
<span style="color:#409EFF">{{scope.row.status}}</span>
</template>
</el-table-column>
<el-table-column label="是否可采集" prop="not_collectible" fixed="right" min-width="230"></el-table-column>
<el-table-column label="不可采集原因" prop="not_collectible_remarks" fixed="right" min-width="230"></el-table-column>
</el-table> </el-table>
<div class="pagination-box"> <div class="pagination-box">
<el-pagination @size-change="onHandleSizeChange" @current-change="onHandleCurrentChange" class="mt15" <el-pagination @size-change="onHandleSizeChange" @current-change="onHandleCurrentChange" class="mt15"
...@@ -111,7 +122,8 @@ ...@@ -111,7 +122,8 @@
'norm_info.price': addItem.price, 'norm_info.price': addItem.price,
'norm_info.guide': addItem.guide?addItem.guide:'/', 'norm_info.guide': addItem.guide?addItem.guide:'/',
'norm_list_info.name': item.norm_list_info.name, 'norm_list_info.name': item.norm_list_info.name,
'fileListPdf': item.fileListPdf?item.fileListPdf:'/', 'fileListPdf': item.fileListPdf,
'fileName': item.file_name,
} }
state.tableData.push(list); state.tableData.push(list);
item.norm_list_extend.forEach(function(items, indexs, arrs) { item.norm_list_extend.forEach(function(items, indexs, arrs) {
...@@ -146,7 +158,6 @@ ...@@ -146,7 +158,6 @@
if(item.status == 4){ if(item.status == 4){
list['status'] ='已通过、已结算' list['status'] ='已通过、已结算'
} }
console.log(item)
if(item.not_collectible==null){ if(item.not_collectible==null){
list['not_collectible'] ='待采集' list['not_collectible'] ='待采集'
list['not_collectible_remarks'] ='/' list['not_collectible_remarks'] ='/'
...@@ -158,9 +169,9 @@ ...@@ -158,9 +169,9 @@
list['not_collectible_remarks'] ='/' list['not_collectible_remarks'] ='/'
} }
}); });
state.columns.push( { label: '状态', prop:'status',width:350 }) // state.columns.push( { label: '状态', prop:'status',width:350 })
state.columns.push( { label: '是否可采集', prop:'not_collectible',width:200 }) // state.columns.push( { label: '是否可采集', prop:'not_collectible',width:200 })
state.columns.push( { label: '不可采集原因', prop:'not_collectible_remarks',width:350 }) // state.columns.push( { label: '不可采集原因', prop:'not_collectible_remarks',width:350 ,fixed:"right"})
state.loading = false state.loading = false
}).catch(() => { }).catch(() => {
...@@ -191,24 +202,54 @@ ...@@ -191,24 +202,54 @@
* 自定义内容格式化输出 * 自定义内容格式化输出
* @param {*} vlaue * @param {*} vlaue
*/ */
const formatOutputCustom = (value,id) =>{ const formatOutputCustom = (value,id,title,data) =>{
if(value&&typeof value =="string"){ if(value&&typeof value =="string"){
let arr = value.split(','); let arr = value.split(',');
let txt = ''; let txt = '';
arr.map((item, index) => { if(title == '上传文件'){
let str = checkUrl(item); // 取出文件原名称
if(str){ let file_name = [];
if(index==0){ if(data.fileName){
txt+= "<a style='color:#409EFF;cursor:pointer' href='"+item+"' target ='_blank'>"+item+"</a>"; file_name = data.fileName.split(',');
}else if(index>4){ }
txt= "<div style='color:#409EFF;cursor:pointer' onclick='handleClick("+id+")'>查看所有文件</div>"; arr.map((item, index) => {
}else{ let str = checkUrl(item);
txt+= "<br><br><a style='color:#409EFF;cursor:pointer' href='"+item+"' target ='_blank'>"+item+"</a>"; if(str){
} let name = '';
}else{ console.log(file_name.length)
txt+= item; console.log(arr.length)
} if(file_name.length==arr.length){
}) name = file_name[index]
}else{
name = '文件_'+(index+1)
}
if(index==0){
txt+= "<a style='color:#409EFF;cursor:pointer' href='"+item+"' target ='_blank'>"+name+"</a>";
}else if(index>4){
txt= "<div style='color:#409EFF;cursor:pointer' onclick='handleClick("+id+")'>查看所有文件</div>";
}else{
txt+= "<br><br><a style='color:#409EFF;cursor:pointer' href='"+item+"' target ='_blank'>"+name+"</a>";
}
}else{
txt+= item;
}
})
}else{
arr.map((item, index) => {
let str = checkUrl(item);
if(str){
if(index==0){
txt+= "<a style='color:#409EFF;cursor:pointer' href='"+item+"' target ='_blank'>"+item+"</a>";
}else if(index>4){
txt= "<div style='color:#409EFF;cursor:pointer' onclick='handleClick("+id+")'>查看所有文件</div>";
}else{
txt+= "<br><br><a style='color:#409EFF;cursor:pointer' href='"+item+"' target ='_blank'>"+item+"</a>";
}
}else{
txt+= item;
}
})
}
return txt; return txt;
}else{ }else{
return value; return value;
......
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