Skip to content

Administrator / project_progress

Go to a project
Commit 0c6f3acd by henry
Options

添加下发问题界面

1 parent 68af9046
Inline Side-by-side
Showing with 484 additions and 4 deletions
src/router/index.js
...@@ -43,9 +43,9 @@ export const routes = [ ...@@ -43,9 +43,9 @@ export const routes = [
}, },
}, },
{ {
path: '/mainLayout/archiving', path: '/mainLayout/sendIssue',
name: 'archiving', name: 'sendIssue',
component: () => import('@/views/assessChecks/archiving.vue'), component: () => import('@/views/postConcentrationCheck/sendIssue.vue'),
}, },
{ {
path: '/mainLayout/assistedConfirm', path: '/mainLayout/assistedConfirm',
......
src/views/layout/leftBar.vue
...@@ -100,7 +100,10 @@ export default { ...@@ -100,7 +100,10 @@ export default {
name: "后评估集中检查", name: "后评估集中检查",
url: "", url: "",
children: [ children: [
{ name: "下发问题", url: "", children: [] }, {
name: "下发问题",
url: "/mainLayout/sendIssue",
children: [] },
{ name: "问题申诉", url: "", children: [] }, { name: "问题申诉", url: "", children: [] },
{ name: "申诉复核", url: "", children: [] }, { name: "申诉复核", url: "", children: [] },
{ name: "问题整改", url: "", children: [] }, { name: "问题整改", url: "", children: [] },
......
src/views/postConcentrationCheck/components/tableList.vue 0 → 100644
<template>
<div class="main">
<el-table
@selection-change="handleSelectionChange"
ref="multipleTable"
:data="tableData"
tooltip-effect="dark"
style="width: 100%"
header-cell-class-name="custom-th-background"
class="eltable"
:row-class-name="tableRowClassName"
border
>
<el-table-column label="序号" width="55" type="index">
</el-table-column>
<el-table-column type="selection"> </el-table-column>
<el-table-column label="批次年度" width="auto" prop="batchYear">
</el-table-column>
<el-table-column prop="batchName" label="后评估批次名称" width="auto">
</el-table-column>
<el-table-column
prop="planReviewDate"
label="计划评审日期"
width="auto"
>
</el-table-column>
<el-table-column prop="expertName" label="后评估专家" width="auto">
</el-table-column>
<el-table-column prop="postEvalState" label="批次下发状态" width="auto"></el-table-column>
<el-table-column prop="status" label="后评估状态" width="auto">
</el-table-column>
<el-table-column prop="creator" label="创建人" width="auto">
</el-table-column>
<el-table-column prop="createTime" label="创建时间" width="auto">
</el-table-column>
</el-table>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[5, 10, 20, 50]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="tableData.length"
class="elpagination">
</el-pagination>
</div>
</template>
<script>
import { number } from 'echarts';
export default {
data() {
return {
currentPage:1,
pageSize:"5",
}
},
props: {
tableData: {
type: Array,
default:[],
},
total:{
type:Number,
default: "",
},
tbtyps:{
type: String,
default: "",
}
},
methods: {
handleSelectionChange(selection) {
if (Array.isArray(selection) && selection.length > 1) {
this.$refs.multipleTable.toggleRowSelection(selection[0],false);
this.$refs.multipleTable.toggleRowSelection(selection[1],true);
}
console.log( this.$refs.multipleTable.selection,'this.$refs.multipleTable.selection')
this.$emit('sendselection',this.$refs.multipleTable.selection)
},
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
this.$emit('pageSize',this.pageSize)
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
this.currentPage=val
this.$emit('currentPage',this.currentPage)
},
tableRowClassName({row, rowIndex}) {
// console.log(rowIndex % 2,'333')
if (rowIndex % 2 == 1) {
return 'warning-row';
}
return ''
}
},
};
</script>
<style lang="scss" scoped>
.main {
font-size: 14px;
width: 100%;
height:70%;
.eltable{
height: 94%;
}
.elpagination{
text-align: right;
margin-right: 100px;
}
}
/deep/ .cell {
text-align: center;
}
/deep/ .el-table__header th {
background-color: #eeeeee;
font-weight: bold;
.cell {
color: #333;
}
}
/deep/ .el-table__body .el-checkbox__input.is-checked .el-checkbox__inner {
background-color: #333; /* 你想要的任何颜色 */
opacity: 0.7;
border-color: #333;
}
/deep/ .el-checkbox .is-checked .el-checkbox__inner {
background-color: #333; /* 你想要的任何颜色 */
opacity: 0.7;
border-color: #333;
}
/deep/ .el-checkbox__input.is-indeterminate .el-checkbox__inner{
background-color: #333; /* 你想要的任何颜色 */
opacity: 0.7;
border-color: #333;
}
/deep/ .el-table .warning-row {
background: #f0ffff;
color: #2785E6;
}
</style>
\ No newline at end of file
src/views/postConcentrationCheck/sendIssue.vue 0 → 100644
<!-- 下发问题 --><template>
<div class="main">
<div class="form-horizontal">
<div class="form-group" >
<label>批次年度:</label>
<select class="form-control" placeholder="请选择" v-model="modelYear">
<option
v-for="(item, index) in category"
:value="item.id"
:key="item.id"
>
{{ item.name }}
</option>
</select>
</div>
<div class="form-group" >
<label>后评估批次名称:</label>
<input v-model="assessName" type="text" class="form-control" placeholder="请输入内容" />
</div>
<div class="form-group">
<label>计划评审日期:</label>
<el-date-picker
v-model="addplanTime"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd hh:mm:ss"
>
</el-date-picker>
</div>
<div class="form-group">
<label>后评估专家组长:</label>
<select class="form-control" placeholder="请选择" v-model="experts">
<option
v-for="(item, index) in category"
:value="item.id"
:key="item.id"
>
{{ item.name }}
</option>
</select>
</div>
<div class="form-group" >
<label>创建人:</label>
<input v-model="creator" type="text" class="form-control" placeholder="请输入内容" />
</div>
<div class="form-group">
<label>创建时间:</label>
<el-date-picker
v-model="addplanTime"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd hh:mm:ss"
>
</el-date-picker>
</div>
<div style="width: 100%"></div>
<div class="btn_container">
<p class="btn btn-primary" @click="query()" >
<img class="buttonIcon" src="../../assets/cx.png" />
&nbsp; 查询
</p>
<p class="btn btn-primary" @click="reset()">
<img class="buttonIcon" src="../../assets/cz.png" />
&nbsp; 重置
</p >
<p class="btn btn-primary" @click="details()">
<img class="buttonIcon" src="../../assets/ck.png" />
&nbsp; 详情
</p>
<p class="btn btn-primary" @click="add()">
<img class="buttonIcon" src="../../assets/xz.png" /> 新增
</p>
<p class="btn btn-primary" @click="edit()">
<img class="buttonIcon" src="../../assets/bj.png" /> 编辑
</p>
<p class="btn btn-primary" @click="deletes()">
<img class="buttonIcon" src="../../assets/sc.png" /> 删除
</p>
<p class="btn btn-primary" @click="sendMsg()"
><i class="el-icon-position"></i> 下发
</p>
<p class="btn btn-primary" @click="withdraw()">
<i class="el-icon-folder-delete"></i>撤回
</p>
</div>
</div>
<!-- <seachList searchtype="TBGD"></seachList> -->
<tableList class="tableList" tbtyps="TBGD"></tableList>
</div>
</template>
<script>
import tableList from './components/tableList.vue'
export default {
name: 'sendIssue',
components: {
tableList
},
data() {
return{
SplanNum:'',
XTplanNum:"",
typeContiner:"",
typeCode:"",
typeName:"",
modelYear: 1, //批次年度
assessName: "", //后评估批次名称
planTime: "", //计划评审日期
category: [
{ name: "11", id: 1 },
{ name: "21", id: 2 },
{ name: "31", id: 3 },
],
}
},
mounted(){
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.main {
font-size: 14px;
}
.estimateBatchConfirmRelease {
height: 100%;
}
.btn_container {
margin-left: 20px;
margin-top: 20px;
margin-bottom: 15px;
}
.btn {
display: inline-block;
margin-right: 5px;
line-height: 20px;
height: 20px;
color: #fff;
border-radius: 5px;
padding: 7px 12px;
}
.buttonIcon {
width: 14px;
margin-bottom: 3px;
height: 14px;
vertical-align: middle;
}
.btn-primary {
background-color: #23c6c8;
border-color: #23c6c8;
}
.btn-primary:hover {
background-color: #23c6c8;
border-color: #23c6c8;
}
.form-horizontal {
display: flex;
flex-wrap: wrap;
border-top: 2px solid #23c6c8;
border-left: 1px solid #dee5e7;
border-right: 1px solid #dee5e7;
border-bottom: 1px solid #dee5e7;
padding-top: 15px;
margin-bottom: 20px;
}
.form-group {
width: 20%;
display: flex;
align-items: center;
margin-right: 40px !important;
}
.form-group > label {
width: 150px;
text-align: right;
padding-right: 10px;
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
.form-group > select {
width: 226px;
}
.form-group > input {
width: 195px;
}
.pageTitle {
font-size: 20px;
}
.pageLine {
margin-top: 4px;
border-top: 2px solid #e5e5e5;
}
.modal-header {
background-color: #0d867f;
color: #fff;
}
.close {
color: #fff;
}
.form-group2 {
width: 22%;
display: flex;
align-items: center;
margin-right: 40px !important;
}
.form-group2 > label {
width: 150px;
height: 34px;
line-height: 34px;
text-align: right;
padding-right: 10px;
}
.form-group2 > select {
width: 180px;
}
.form-group2 > input {
width: 180px;
}
.fixed-table-pagination {
margin-top: 400px;
display: flex;
justify-content: flex-end;
}
tbody tr:nth-of-type(even) {
background: #f0ffff;
color: #2785e6;
}
thead th {
background: #eeeeee;
padding: 6px 0;
}
select.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s,
-webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
0 0 8px rgba(102, 175, 233, 0.6);
}
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px;
}
.form-group {
margin-bottom: 15px;
}
input.form-control {
box-sizing: border-box;
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s,
-webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-group > input {
width: 195px;
}
.form-group > select {
width: 226px;
}
/deep/ .el-input__inner {
height: 34px;
line-height: 34px;
border: 1px solid #ccc;
}
/deep/.el-input__icon {
line-height: 34px;
}
/deep/ ::placeholder {
color: #999;
}
/deep/.el-date-table td.today span {
color: red !important;
}
/deep/ .el-input__prefix .el-input__icon{
margin-left: 157px;
background-color: #eee;
border: 1px solid #ccc;
width: 34px;
color: #000;
height: 94%;
}
/deep/.el-input__suffix{
border:none
}
</style>
\ No newline at end of file
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!