|
|
|
|
@ -7,8 +7,8 @@
|
|
|
|
|
<a-cascader
|
|
|
|
|
:field-names="{label:'createYearName',value:'createYear',children:'create_year_list'}"
|
|
|
|
|
:allowClear="false"
|
|
|
|
|
v-model:value="defaultValue"
|
|
|
|
|
:options="stageList" @change="stageChange" placeholder="选择学段学年"></a-cascader>
|
|
|
|
|
:options="stageList" @change="stageChange" placeholder="选择学段学年">
|
|
|
|
|
</a-cascader>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="add-record-row-style">
|
|
|
|
|
@ -41,21 +41,23 @@
|
|
|
|
|
<script>
|
|
|
|
|
import {Spin, Button, Cascader, Input, InputNumber, Modal} from 'ant-design-vue';
|
|
|
|
|
import InterConfig from '../interConfig';
|
|
|
|
|
export default{
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
props: {
|
|
|
|
|
defaultValue: {
|
|
|
|
|
type: Array,
|
|
|
|
|
default: [],
|
|
|
|
|
// defaultValue: {
|
|
|
|
|
// type: Array,
|
|
|
|
|
// default: []
|
|
|
|
|
// },
|
|
|
|
|
planInfo: {
|
|
|
|
|
type: Object,
|
|
|
|
|
default: {}
|
|
|
|
|
},
|
|
|
|
|
planInfo:{
|
|
|
|
|
type:Object,
|
|
|
|
|
default:{}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
data(){
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
selectedValue:[],
|
|
|
|
|
pageLoading: false,
|
|
|
|
|
planId:"",
|
|
|
|
|
planId: "",
|
|
|
|
|
stageId: "",
|
|
|
|
|
yearId: "",
|
|
|
|
|
stageList: [],
|
|
|
|
|
@ -64,18 +66,18 @@
|
|
|
|
|
realNumber: "",//学校实际执行数量
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created(){
|
|
|
|
|
created() {
|
|
|
|
|
this.getStageList();
|
|
|
|
|
},
|
|
|
|
|
mounted(){
|
|
|
|
|
if(this.planInfo && this.planInfo.plan_id !== ""){
|
|
|
|
|
mounted() {
|
|
|
|
|
if (this.planInfo && this.planInfo.plan_id !== "") {
|
|
|
|
|
this.planId = this.planInfo.plan_id;
|
|
|
|
|
this.courseName = this.planInfo.course_name;
|
|
|
|
|
this.planNumber = this.planInfo.plan_number;
|
|
|
|
|
this.realNumber = this.planInfo.real_number;
|
|
|
|
|
}
|
|
|
|
|
this.stageId = this.defaultValue[0];
|
|
|
|
|
this.yearId = this.defaultValue[1];
|
|
|
|
|
// this.stageId = this.defaultValue[0];
|
|
|
|
|
// this.yearId = this.defaultValue[1];
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
getStageList: function () {
|
|
|
|
|
@ -108,7 +110,7 @@
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
submit: function () {
|
|
|
|
|
if(this.stageId === "" || this.yearId === ""){
|
|
|
|
|
if (this.stageId === "" || this.yearId === "") {
|
|
|
|
|
Modal.warning({
|
|
|
|
|
title: "请选择学段或者学年",
|
|
|
|
|
content: "",
|
|
|
|
|
@ -116,7 +118,7 @@
|
|
|
|
|
})
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if(this.courseName.trim() === ""){
|
|
|
|
|
if (this.courseName.trim() === "") {
|
|
|
|
|
Modal.warning({
|
|
|
|
|
title: "请输入课程名称",
|
|
|
|
|
content: "",
|
|
|
|
|
@ -124,7 +126,7 @@
|
|
|
|
|
})
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if(this.planNumber === ""){
|
|
|
|
|
if (this.planNumber === "") {
|
|
|
|
|
Modal.warning({
|
|
|
|
|
title: "请输入省级计划数量",
|
|
|
|
|
content: "",
|
|
|
|
|
@ -132,7 +134,7 @@
|
|
|
|
|
})
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if(this.realNumber === ""){
|
|
|
|
|
if (this.realNumber === "") {
|
|
|
|
|
Modal.warning({
|
|
|
|
|
title: "请输入学校实际执行数量",
|
|
|
|
|
content: "",
|
|
|
|
|
@ -141,16 +143,18 @@
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
let param = {
|
|
|
|
|
plan_id:this.planId,
|
|
|
|
|
stage_id:this.stageId,
|
|
|
|
|
create_year:this.yearId,
|
|
|
|
|
course_name:this.courseName,
|
|
|
|
|
plan_number:this.planNumber,
|
|
|
|
|
real_number:this.realNumber,
|
|
|
|
|
plan_id: this.planId,
|
|
|
|
|
stage_id: this.stageId,
|
|
|
|
|
create_year: this.yearId,
|
|
|
|
|
course_name: this.courseName,
|
|
|
|
|
plan_number: this.planNumber,
|
|
|
|
|
real_number: this.realNumber,
|
|
|
|
|
person_id: this.BaseConfig.userInfo.person_id,
|
|
|
|
|
identity_id: this.BaseConfig.userInfo.identity_id,
|
|
|
|
|
bureau_id: this.BaseConfig.person_info_my.bureau_id,
|
|
|
|
|
}
|
|
|
|
|
this.selectedValue.push(this.stageId,this.yearId)
|
|
|
|
|
|
|
|
|
|
this.InterfaceConfig.callInterface([{
|
|
|
|
|
url: InterConfig.saveSingle.url,
|
|
|
|
|
params: param,
|
|
|
|
|
@ -164,7 +168,7 @@
|
|
|
|
|
content: "",
|
|
|
|
|
centered: true
|
|
|
|
|
});
|
|
|
|
|
this.cancel();
|
|
|
|
|
this.$emit('getSelectValue', this.selectedValue)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
@ -189,108 +193,130 @@
|
|
|
|
|
height: auto;
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
color: black;
|
|
|
|
|
.add-record-row-style {
|
|
|
|
|
width: 50%;
|
|
|
|
|
min-height: 3rem;
|
|
|
|
|
margin: 0.5rem auto;
|
|
|
|
|
display: flex;
|
|
|
|
|
.li-box {
|
|
|
|
|
min-height: 3rem;
|
|
|
|
|
line-height: 3rem;
|
|
|
|
|
.must-option-style {
|
|
|
|
|
color: red;
|
|
|
|
|
margin-right: 0.2rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.li-left {
|
|
|
|
|
width: 20%;
|
|
|
|
|
text-align: right;
|
|
|
|
|
}
|
|
|
|
|
.li-right {
|
|
|
|
|
width: 80%;
|
|
|
|
|
.person-list-content-style {
|
|
|
|
|
width: 700px;
|
|
|
|
|
height: 500px;
|
|
|
|
|
background-color: #ebebeb;
|
|
|
|
|
.list-content-style {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
.honor-person-info {
|
|
|
|
|
width: auto;
|
|
|
|
|
height: 180px;
|
|
|
|
|
border: 1px solid #31a8fa;
|
|
|
|
|
margin: 0.5rem 0 0 0.5rem;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
.person-name {
|
|
|
|
|
width: 100%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
/deep/ .img-style {
|
|
|
|
|
margin-right: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ant-select {
|
|
|
|
|
width: 100px;
|
|
|
|
|
}
|
|
|
|
|
.no-border-input-style {
|
|
|
|
|
border-top: 0 !important;
|
|
|
|
|
border-left: 0 !important;
|
|
|
|
|
border-right: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
.photo-container-style {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
align-content: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
justify-items: center;
|
|
|
|
|
width: 120px !important;
|
|
|
|
|
border: 1px solid #e5e5e5;
|
|
|
|
|
height: 160px;
|
|
|
|
|
background-color: white;
|
|
|
|
|
position: relative;
|
|
|
|
|
.operate-class {
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 0.1rem;
|
|
|
|
|
color: #31a8fa;
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
.photo-size-style {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
align-content: center;
|
|
|
|
|
justify-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.edit-style {
|
|
|
|
|
&:hover {
|
|
|
|
|
.operate-class {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.button-row-style {
|
|
|
|
|
width: 50%;
|
|
|
|
|
margin: auto;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
.button-style {
|
|
|
|
|
margin-left: 0.5rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.add-record-row-style {
|
|
|
|
|
width: 50%;
|
|
|
|
|
min-height: 3rem;
|
|
|
|
|
margin: 0.5rem auto;
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
|
|
.li-box {
|
|
|
|
|
min-height: 3rem;
|
|
|
|
|
line-height: 3rem;
|
|
|
|
|
|
|
|
|
|
.must-option-style {
|
|
|
|
|
color: red;
|
|
|
|
|
margin-right: 0.2rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.li-left {
|
|
|
|
|
width: 20%;
|
|
|
|
|
text-align: right;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.li-right {
|
|
|
|
|
width: 80%;
|
|
|
|
|
|
|
|
|
|
.person-list-content-style {
|
|
|
|
|
width: 700px;
|
|
|
|
|
height: 500px;
|
|
|
|
|
background-color: #ebebeb;
|
|
|
|
|
|
|
|
|
|
.list-content-style {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
|
|
|
|
.honor-person-info {
|
|
|
|
|
width: auto;
|
|
|
|
|
height: 180px;
|
|
|
|
|
border: 1px solid #31a8fa;
|
|
|
|
|
margin: 0.5rem 0 0 0.5rem;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
|
|
|
|
.person-name {
|
|
|
|
|
width: 100%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/deep/ .img-style {
|
|
|
|
|
margin-right: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ant-select {
|
|
|
|
|
width: 100px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.no-border-input-style {
|
|
|
|
|
border-top: 0 !important;
|
|
|
|
|
border-left: 0 !important;
|
|
|
|
|
border-right: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.photo-container-style {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
align-content: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
justify-items: center;
|
|
|
|
|
width: 120px !important;
|
|
|
|
|
border: 1px solid #e5e5e5;
|
|
|
|
|
height: 160px;
|
|
|
|
|
background-color: white;
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
.operate-class {
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 0.1rem;
|
|
|
|
|
color: #31a8fa;
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.photo-size-style {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
align-content: center;
|
|
|
|
|
justify-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.edit-style {
|
|
|
|
|
|
|
|
|
|
&
|
|
|
|
|
:hover {
|
|
|
|
|
|
|
|
|
|
.operate-class {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.button-row-style {
|
|
|
|
|
width: 50%;
|
|
|
|
|
margin: auto;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
.button-style {
|
|
|
|
|
margin-left: 0.5rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
