Commit 9b86c296 by cwy

0406

parent abfeddf1
...@@ -21,34 +21,43 @@ ...@@ -21,34 +21,43 @@
<div class="page-main" v-loading="state.tableData.loading" ref="pageMain"> <div class="page-main" v-loading="state.tableData.loading" ref="pageMain">
<el-card shadow="hover" style="height:100%;"> <el-card shadow="hover" style="height:100%;">
<el-table :data="state.tableData.data" style="width: 100%" :height="state.tableHeight" <el-table :data="state.tableData.data" border style="width: 100%" :height="state.tableHeight"
ref="multipleTableRef"> ref="multipleTableRef">
<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="userInfo.name" label="领取用户" show-overflow-tooltip align="center"> <el-table-column prop="userInfo.name" label="领取用户" width="200" show-overflow-tooltip align="center">
<template #default="scope"> <template #default="scope">
<span style="color: #409EFF;">{{scope.row.userInfo.name}}</span> <span style="color: #409EFF;">{{scope.row.userInfo.name}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="taskInfo.name" label="任务名称" show-overflow-tooltip align="center"> <el-table-column prop="taskInfo.name" label="任务名称" width="200" show-overflow-tooltip align="center">
</el-table-column> </el-table-column>
<el-table-column prop="taskInfo.unit" label="单位" show-overflow-tooltip align="center"></el-table-column> <el-table-column prop="taskInfo.unit" label="单位" width="200" show-overflow-tooltip align="center"></el-table-column>
<el-table-column prop="norm_list_info.name" label="指标名称" show-overflow-tooltip align="center"> <el-table-column prop="normInfo.name" label="子任务名称" width="300" show-overflow-tooltip align="center">
</el-table-column> </el-table-column>
<el-table-column prop="norm_list_info.sort" label="优先级" show-overflow-tooltip align="center"> <el-table-column prop="norm_list_info.name" label="指标名称" width="200" show-overflow-tooltip align="center">
</el-table-column>
<el-table-column prop="norm_list_info.sort" label="优先级" width="100" show-overflow-tooltip align="center">
<template #default="scope"> <template #default="scope">
<span style="color: #909399;" v-if="scope.row.norm_list_info.sort=='1'"></span> <span style="color: #909399;" v-if="scope.row.norm_list_info.sort=='1'"></span>
<span style="color: #409EFF;" v-if="scope.row.norm_list_info.sort=='2'"></span> <span style="color: #409EFF;" v-if="scope.row.norm_list_info.sort=='2'"></span>
<span style="color: #F56C6C;" v-if="scope.row.norm_list_info.sort=='3'"></span> <span style="color: #F56C6C;" v-if="scope.row.norm_list_info.sort=='3'"></span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="norm_list_info.level" label="难度等级" show-overflow-tooltip align="center"></el-table-column> <el-table-column prop="norm_list_info.level" label="难度等级" width="100" show-overflow-tooltip align="center"></el-table-column>
<el-table-column prop="norm_list_info.refer" label="信源" show-overflow-tooltip align="center"> <el-table-column prop="norm_list_info.refer" label="参考信源" width="200" show-overflow-tooltip align="center">
<template #default="scope">
<el-link type="danger" v-if="checkUrl(scope.row.norm_list_info.refer)" :href="scope.row.norm_list_info.refer" target ="_blank">点击查看</el-link>
<span v-else>{{scope.row.norm_list_info.refer}}</span>
</template>
</el-table-column>
<el-table-column prop="norm_list_info.guide" label="参考指南" width="200" show-overflow-tooltip align="center">
<template #default="scope"> <template #default="scope">
<span>{{scope.row.norm_list_info.refer}}</span> <el-link type="danger" v-if="checkUrl(scope.row.norm_list_info.guide)" :href="scope.row.norm_list_info.guide" target ="_blank">点击查看</el-link>
<span v-else>{{scope.row.norm_list_info.guide}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="norm_list_info.price" label="单价" show-overflow-tooltip align="center"></el-table-column> <el-table-column prop="norm_list_info.price" label="单价" width="150" show-overflow-tooltip align="center"></el-table-column>
<el-table-column prop="status" label="完成情况" show-overflow-tooltip align="center"> <el-table-column prop="status" label="完成情况" width="250"show-overflow-tooltip align="center">
<template #default="scope"> <template #default="scope">
<el-tag type='warning' v-if="scope.row.status==0" size="medium">已领取未填写</el-tag> <el-tag type='warning' v-if="scope.row.status==0" size="medium">已领取未填写</el-tag>
<el-tag type='success' v-if="scope.row.status==1" size="medium">已完成未审核</el-tag> <el-tag type='success' v-if="scope.row.status==1" size="medium">已完成未审核</el-tag>
...@@ -57,13 +66,13 @@ ...@@ -57,13 +66,13 @@
<el-tag type='info' v-if="scope.row.status==4" size="medium">已结算</el-tag> <el-tag type='info' v-if="scope.row.status==4" size="medium">已结算</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="not_collectible" label="是否可采集" show-overflow-tooltip align="center"> <el-table-column prop="not_collectible" label="是否可采集" width="150" show-overflow-tooltip align="center">
<template #default="scope"> <template #default="scope">
<span style="color: #F56C6C" v-if="scope.row.not_collectible==1" effect="plain" size="small">{{scope.row.not_collectible_remarks}}</span> <span style="color: #F56C6C" v-if="scope.row.not_collectible==1" effect="plain" size="small">{{scope.row.not_collectible_remarks}}</span>
<span style="color: #909399" v-else effect="plain" size="small"></span> <span style="color: #909399" v-else effect="plain" size="small"></span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="review_remarks" label="审核备注" show-overflow-tooltip align="center"> <el-table-column prop="review_remarks" label="审核备注" width="150" show-overflow-tooltip align="center">
<template #default="scope"> <template #default="scope">
<span style="color: #409EFF;" effect="plain" size="small">{{scope.row.review_remarks}}</span> <span style="color: #409EFF;" effect="plain" size="small">{{scope.row.review_remarks}}</span>
</template> </template>
...@@ -152,7 +161,14 @@ onMounted(() => { ...@@ -152,7 +161,14 @@ onMounted(() => {
getList() getList()
state.tableHeight = getCurrentInstance().refs.pageMain.offsetHeight - 130 - 52 + "px"; state.tableHeight = getCurrentInstance().refs.pageMain.offsetHeight - 130 - 52 + "px";
}); });
//校验链接
const checkUrl = (vlaue) =>{
if (/^https?:\/\//.test(vlaue)) {
return true;
} else {
return false;
}
}
/** /**
* 搜索按钮 * 搜索按钮
*/ */
......
...@@ -21,34 +21,43 @@ ...@@ -21,34 +21,43 @@
<div class="page-main" v-loading="state.tableData.loading" ref="pageMain"> <div class="page-main" v-loading="state.tableData.loading" ref="pageMain">
<el-card shadow="hover" style="height:100%;"> <el-card shadow="hover" style="height:100%;">
<el-table :data="state.tableData.data" style="width: 100%" :height="state.tableHeight" <el-table :data="state.tableData.data" border style="width: 100%" :height="state.tableHeight"
ref="multipleTableRef"> ref="multipleTableRef">
<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="userInfo.name" label="领取用户" show-overflow-tooltip align="center"> <el-table-column prop="userInfo.name" label="领取用户" width="200" show-overflow-tooltip align="center">
<template #default="scope"> <template #default="scope">
<span style="color: #409EFF;">{{scope.row.userInfo.name}}</span> <span style="color: #409EFF;">{{scope.row.userInfo.name}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="taskInfo.name" label="任务名称" show-overflow-tooltip align="center"> <el-table-column prop="taskInfo.name" label="任务名称" width="200" show-overflow-tooltip align="center">
</el-table-column> </el-table-column>
<el-table-column prop="taskInfo.unit" label="单位" show-overflow-tooltip align="center"></el-table-column> <el-table-column prop="taskInfo.unit" label="单位" width="200" show-overflow-tooltip align="center"></el-table-column>
<el-table-column prop="norm_list_info.name" label="指标名称" show-overflow-tooltip align="center"> <el-table-column prop="normInfo.name" label="子任务名称" width="300" show-overflow-tooltip align="center">
</el-table-column> </el-table-column>
<el-table-column prop="norm_list_info.sort" label="优先级" show-overflow-tooltip align="center"> <el-table-column prop="norm_list_info.name" label="指标名称" width="200" show-overflow-tooltip align="center">
</el-table-column>
<el-table-column prop="norm_list_info.sort" label="优先级" width="100" show-overflow-tooltip align="center">
<template #default="scope"> <template #default="scope">
<span style="color: #909399;" v-if="scope.row.norm_list_info.sort=='1'"></span> <span style="color: #909399;" v-if="scope.row.norm_list_info.sort=='1'"></span>
<span style="color: #409EFF;" v-if="scope.row.norm_list_info.sort=='2'"></span> <span style="color: #409EFF;" v-if="scope.row.norm_list_info.sort=='2'"></span>
<span style="color: #F56C6C;" v-if="scope.row.norm_list_info.sort=='3'"></span> <span style="color: #F56C6C;" v-if="scope.row.norm_list_info.sort=='3'"></span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="norm_list_info.level" label="难度等级" show-overflow-tooltip align="center"></el-table-column> <el-table-column prop="norm_list_info.level" label="难度等级" width="100" show-overflow-tooltip align="center"></el-table-column>
<el-table-column prop="norm_list_info.refer" label="信源" show-overflow-tooltip align="center"> <el-table-column prop="norm_list_info.refer" label="参考信源" width="200" show-overflow-tooltip align="center">
<template #default="scope">
<el-link type="danger" v-if="checkUrl(scope.row.norm_list_info.refer)" :href="scope.row.norm_list_info.refer" target ="_blank">点击查看</el-link>
<span v-else>{{scope.row.norm_list_info.refer}}</span>
</template>
</el-table-column>
<el-table-column prop="norm_list_info.guide" label="参考指南" width="200" show-overflow-tooltip align="center">
<template #default="scope"> <template #default="scope">
<span>{{scope.row.norm_list_info.refer}}</span> <el-link type="danger" v-if="checkUrl(scope.row.norm_list_info.guide)" :href="scope.row.norm_list_info.guide" target ="_blank">点击查看</el-link>
<span v-else>{{scope.row.norm_list_info.guide}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="norm_list_info.price" label="单价" show-overflow-tooltip align="center"></el-table-column> <el-table-column prop="norm_list_info.price" label="单价" width="100" show-overflow-tooltip align="center"></el-table-column>
<el-table-column prop="status" label="完成情况" show-overflow-tooltip align="center"> <el-table-column prop="status" label="完成情况" width="230" show-overflow-tooltip align="center">
<template #default="scope"> <template #default="scope">
<el-tag type='warning' v-if="scope.row.status==0" effect="plain" size="small">已领取未填写</el-tag> <el-tag type='warning' v-if="scope.row.status==0" effect="plain" size="small">已领取未填写</el-tag>
<el-tag type='success' v-if="scope.row.status==1" effect="plain" size="small">已完成未审核</el-tag> <el-tag type='success' v-if="scope.row.status==1" effect="plain" size="small">已完成未审核</el-tag>
...@@ -57,18 +66,18 @@ ...@@ -57,18 +66,18 @@
<el-tag type='info' v-if="scope.row.status==4" effect="plain" size="small">已结算</el-tag> <el-tag type='info' v-if="scope.row.status==4" effect="plain" size="small">已结算</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="not_collectible" label="是否可采集" show-overflow-tooltip align="center"> <el-table-column prop="not_collectible" label="是否可采集" width="200" show-overflow-tooltip align="center">
<template #default="scope"> <template #default="scope">
<span style="color: #F56C6C" v-if="scope.row.not_collectible==1" effect="plain" size="small">{{scope.row.not_collectible_remarks}}</span> <span style="color: #F56C6C" v-if="scope.row.not_collectible==1" effect="plain" size="small">{{scope.row.not_collectible_remarks}}</span>
<span style="color: #909399" v-else effect="plain" size="small"></span> <span style="color: #909399" v-else effect="plain" size="small"></span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="review_remarks" label="审核备注" show-overflow-tooltip align="center"> <el-table-column prop="review_remarks" label="审核备注" width="100" show-overflow-tooltip align="center">
<template #default="scope"> <template #default="scope">
<span style="color: #409EFF;" effect="plain" size="small">{{scope.row.review_remarks}}</span> <span style="color: #409EFF;" effect="plain" size="small">{{scope.row.review_remarks}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="300" fixed="right" align="center"> <el-table-column label="操作" width="150" fixed="right" align="center">
<template #default="scope"> <template #default="scope">
<el-button size="small" @click="details(scope.row)">查看详情</el-button> <el-button size="small" @click="details(scope.row)">查看详情</el-button>
<!-- <el-button size="small" @click="reviewTask(scope.row.id,2)" type="danger">不通过</el-button> <!-- <el-button size="small" @click="reviewTask(scope.row.id,2)" type="danger">不通过</el-button>
...@@ -226,7 +235,14 @@ const details = (data) => { ...@@ -226,7 +235,14 @@ const details = (data) => {
DetailDialogRef.value.openDialog(data); DetailDialogRef.value.openDialog(data);
} }
//校验链接
const checkUrl = (vlaue) =>{
if (/^https?:\/\//.test(vlaue)) {
return true;
} else {
return false;
}
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
<el-option label="官网/政府" value="1"></el-option> <el-option label="官网/政府" value="1"></el-option>
<el-option label="权威媒体" value="2"></el-option> <el-option label="权威媒体" value="2"></el-option>
<el-option label="其他信源" value="3"></el-option> <el-option label="其他信源" value="3"></el-option>
</el-select> </el-select> <span style="color: red; margin-left: 10px">必选</span>
</el-form-item> </el-form-item>
<el-form-item label="标题" :prop="'userFilled.' + index+ '.name'" v-for="(item, index) in state.formItem.userFilled" :key="index"> <el-form-item label="标题" :prop="'userFilled.' + index+ '.name'" v-for="(item, index) in state.formItem.userFilled" :key="index">
<el-row style="width: 100% !important;"> <el-row style="width: 100% !important;">
......
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
<div class="page-main" v-loading="state.tableData.loading" ref="pageMain"> <div class="page-main" v-loading="state.tableData.loading" ref="pageMain">
<el-card shadow="hover" style="height:100%;"> <el-card shadow="hover" style="height:100%;">
<el-button size="default" type="danger" @click="multipleExports" style="margin-bottom: 10px;">导出</el-button> <el-button size="default" type="danger" @click="multipleExports" style="margin-bottom: 10px;">导出</el-button>
<el-table :scrollbar-always-on="true" :row-key="(row) => row.id" :data="state.tableData.data" style="width: 100%" :height="state.tableHeight" @selection-change="tableSelection" <el-table :scrollbar-always-on="true" border :row-key="(row) => row.id" :data="state.tableData.data" style="width: 100%" :height="state.tableHeight" @selection-change="tableSelection"
ref="multipleTableRef"> ref="multipleTableRef">
<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>
......
...@@ -26,33 +26,38 @@ ...@@ -26,33 +26,38 @@
<div class="page-main" v-loading="state.tableData.loading" ref="pageMain"> <div class="page-main" v-loading="state.tableData.loading" ref="pageMain">
<el-card shadow="hover" style="height:100%;"> <el-card shadow="hover" style="height:100%;">
<el-button size="default" type="danger" @click="multipleExports" style="margin-bottom: 10px;">导出文件</el-button> <el-button size="default" type="danger" @click="multipleExports" style="margin-bottom: 10px;">导出文件</el-button>
<el-table :scrollbar-always-on="true" @selection-change="tableSelection" :row-key="(row) => row.id" :data="state.tableData.data" style="width: 100%" :height="state.tableHeight" <el-table :scrollbar-always-on="true" border @selection-change="tableSelection" :row-key="(row) => row.id" :data="state.tableData.data" style="width: 100%" :height="state.tableHeight"
ref="multipleTableRef"> ref="multipleTableRef">
<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="200" label="任务名称" show-overflow-tooltip align="center">
<template #default="scope"> <template #default="scope">
<el-tag type='danger' effect="plain">{{scope.row.taskPackageInfo.name}}</el-tag> <el-tag type='danger' effect="plain">{{scope.row.taskPackageInfo.name}}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="taskPackageInfo.unit" label="单位名称" show-overflow-tooltip align="center"></el-table-column> <el-table-column prop="taskPackageInfo.unit" width="200" label="单位名称" show-overflow-tooltip align="center"></el-table-column>
<el-table-column prop="name" label="子任务名称" show-overflow-tooltip align="center"> <el-table-column prop="name" label="子任务名称" width="200" show-overflow-tooltip align="center">
<template #default="scope"> <template #default="scope">
<span @click="details(scope.row.id)">{{scope.row.name}}</span> <span @click="details(scope.row.id)">{{scope.row.name}}</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> <el-table-column prop="refer" label="参考信源" width="200" show-overflow-tooltip align="center">
<el-table-column prop="price" label="单价" show-overflow-tooltip align="center"></el-table-column> <template #default="scope">
<el-table-column prop="sort" label="优先级" show-overflow-tooltip align="center"></el-table-column> <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>
</template>
</el-table-column>
<el-table-column prop="price" label="单价" width="100" show-overflow-tooltip align="center"></el-table-column>
<el-table-column prop="sort" label="优先级" width="100" show-overflow-tooltip align="center"></el-table-column>
<el-table-column prop="created_at" width="180" label="发布时间" show-overflow-tooltip align="center"></el-table-column> <el-table-column prop="created_at" width="180" label="发布时间" show-overflow-tooltip align="center"></el-table-column>
<el-table-column prop="receivedQuantity" label="领取进度" show-overflow-tooltip align="center"> <el-table-column prop="receivedQuantity" width="200" label="领取进度" show-overflow-tooltip align="center">
<template #default="scope"> <template #default="scope">
<span style="color:#409EFF" v-if="scope.row.type==1">--</span> <span style="color:#409EFF" v-if="scope.row.type==1">--</span>
<span style="color:#409EFF" v-else>{{scope.row.receivedQuantity}}</span> <span style="color:#409EFF" v-else>{{scope.row.receivedQuantity}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="name" label="完成进度" show-overflow-tooltip align="center"> <el-table-column prop="name" label="完成进度" width="200" show-overflow-tooltip align="center">
<template #default="scope"> <template #default="scope">
<span style="color:#F56C6C" v-if="scope.row.type==1">--</span> <span style="color:#F56C6C" v-if="scope.row.type==1">--</span>
<span style="color:#F56C6C" v-else>{{scope.row.collectsQuantity}}</span> <span style="color:#F56C6C" v-else>{{scope.row.collectsQuantity}}</span>
...@@ -157,6 +162,14 @@ const onHandleCurrentChange = (val) => { ...@@ -157,6 +162,14 @@ const onHandleCurrentChange = (val) => {
getList(); getList();
}; };
//校验链接
const checkUrl = (vlaue) =>{
if (/^https?:\/\//.test(vlaue)) {
return true;
} else {
return false;
}
}
/** /**
* 重置按钮 * 重置按钮
*/ */
......
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