9d31b656 by xiaomiao

--no commit message

1 parent a036215b
......@@ -140,3 +140,16 @@ export function getZtQlxx (params) {
data
})
}
/**
* @description: 添加审核意见
* @param {*} data
* @author: renchao
*/
export function getShList (data) {
console.log(data);
return request({
url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair='+data.bsmRepair,
method: 'post',
data
})
}
......
......@@ -536,6 +536,7 @@ export default {
});
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
......
......@@ -6,67 +6,85 @@
<template>
<div class="spyj loadingtext">
<div class="box">
<b class="spyj_title">审批表</b>
<div class="spyj_title">
<div class="leftadd">
<i
class="el-icon-plus pointer"
@click="addClick()"
></i>
</div>
<div class="righttitle">审批表</div>
</div>
<div v-for="(item, index) in tableData" :key="index">
<el-form :model="tableData[index]" label-width="120px" :rules="rules" :ref="'ruleFormRef'+index">
<div class="spyj_form" >
<div class="item_left">{{ item.jdmc }}意见</div>
<div class="item_right">
<el-row>
<el-col :span="24">
<el-form-item
label-width="0"
class="opinion_item"
prop="shyj"
>
<el-input
type="textarea"
:rows="4"
class="opinion"
placeholder="请输入审批意见"
v-model="item.shyj"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<el-form-item
label="审查人"
prop="shryxm"
>
<el-input v-model="item.shryxm"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item
label="审核时间"
prop="shsj"
>
<el-date-picker
v-model="item.shsj"
type="date"
placeholder="选择日期"
value-format="yyyy/MM/dd HH:mm:ss"
format="yyyy/MM/dd"
<el-form
:model="tableData[index]"
label-width="120px"
:rules="rules"
:ref="'ruleFormRef' + index"
>
<div class="spyj_form">
<div class="item_left">
<div class="left">
<i
class="el-icon-minus pointer"
@click="deleClick()"
></i>
</div>
<div class="right">{{ item.jdmc }}意见</div>
</div>
<div class="item_right">
<el-row>
<el-col :span="24">
<el-form-item
label-width="0"
class="opinion_item"
prop="shyj"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-input
type="textarea"
:rows="4"
class="opinion"
placeholder="请输入审批意见"
v-model="item.shyj"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<el-form-item label="审查人" prop="shryxm">
<el-input v-model="item.shryxm"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="审核时间" prop="shjssj">
<el-date-picker
v-model="item.shjssj"
type="date"
placeholder="选择日期"
value-format="yyyy/MM/dd HH:mm:ss"
format="yyyy/MM/dd"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
</div>
</el-form>
</el-form>
</div>
<div class="submit_button" v-if="!$route.query.viewtype">
<el-button type="primary" @click="onSubmit('ruleFormRef')"
>保存</el-button
>
</div>
<div class="submit_button" v-if="!$route.query.viewtype">
<el-button type="primary" @click="onSubmit('ruleFormRef')">保存</el-button>
</div>
</div>
<!-- <el-empty v-if="isNoData" description="暂无数据"></el-empty> -->
</div>
</template>
<script>
import { addidea } from "@/api/djbbl.js";
import { addidea, getShList } from "@/api/djbbl.js";
import { mapGetters } from "vuex";
export default {
computed: {
......@@ -76,44 +94,85 @@ export default {
return {
isNoData: false,
ableOperation: true,
tableData: [{ jdmc: "初审" }, { jdmc: "复审" }, { jdmc: "核定" }],
tableData: [{ jdmc: "初审" }],
rules: {
shyj: [{ required: true, message: "请填写意见", trigger: "blur" }],
shryxm: [{ required: true, message: "审查人", trigger: "blur" }],
shsj: [{ required: true, message: "审核时间", trigger: "blur" }],
shjssj: [{ required: true, message: "审核时间", trigger: "blur" }],
},
};
},
watch: {},
created() {},
mounted() {},
mounted() {
this.getShList();
},
methods: {
deleClick(){
console.log("111 ");
if(this.tableData.length<=1){
console.log("w222");
this.$message.error("最少填写一条初审意见");
}else if(this.tableData.length>=2){
console.log("3333");
this.tableData=this.tableData.slice(0,-1)
}
},
addClick(){
if(this.tableData.length==1){
this.tableData.push({ jdmc: "复审" })
}else if(this.tableData.length==2){
this.tableData.push({ jdmc: "核定" })
}else{
this.$message.error("只允许添加三条意见");
}
},
getShList() {
this.$startLoading();
var formdata = {
bsmRepair: this.$parent.bsmRepair,
};
getShList(formdata).then((res) => {
this.$endLoading();
if (res.code === 200 && res.result) {
if (res.result.length) {
this.tableData = res.result;
}
// this.ruleForm = res.result[res.result.length - 1]
}
});
},
onSubmit(formName) {
const falg = []
const falg = [];
for (let index = 0; index < this.tableData.length; index++) {
this.$refs[formName + index][0].validate((valid) => {
if (valid) {
falg.push(1)
falg.push(1);
}
});
}
if (falg.length == this.tableData.length) {
this.tableData.forEach((item, index) => {
item["bsmBusiness"] = this.$parent.bsmRepair;
}),
addidea(this.tableData).then((res) => {
if (res.code === 200) {
this.$message.success("保存成功");
this.refresh += 1;
} else {
this.$message.error(res.message);
}
});
this.tableData.forEach((item, index) => {
item["bsmBusiness"] = this.$parent.bsmRepair;
}),
addidea(this.tableData).then((res) => {
if (res.code === 200) {
this.$message.success("保存成功");
this.refresh += 1;
} else {
this.$message.error(res.message);
}
});
} else {
return false;
return false;
}
},
// onSubmit() {
......@@ -154,18 +213,37 @@ export default {
overflow-y: scroll;
padding-top: 20px;
padding: 20px 40px;
}
.spyj_title {
line-height: 68px;
.spyj_title {
width: 100%;
height:80px;
border: 1px solid $borderColor;
text-align: center;
font-size: 22px;
font-weight: 400;
background-color: #eceef2;
display: block;
border-bottom: none;
display: flex;
}
.leftadd{
width: 3%;
height: 100%;
display: flex;
font-size: 14px;
text-indent: 20px;
align-items: center;
border: 1px solid $borderColor;
}
.righttitle{
width: 80%;
height: 100%;
line-height: 80px;
border: 1px solid $borderColor;
text-align: center;
font-size: 22px;
font-weight: 400;
}
}
/deep/.el-form-item {
margin-bottom: 0;
}
......@@ -187,6 +265,30 @@ export default {
text-indent: 80px;
align-items: center;
border-right: 1px solid $borderColor;
.left {
width: 30%;
height: 100%;
display: flex;
font-size: 14px;
text-indent: 20px;
align-items: center;
border-right: 1px solid $borderColor;
.el-icon-minus{
font-size: 14px;
color: black;
}
}
.right {
width: 70%;
height: 100%;
color: #606266;
display: flex;
font-size: 14px;
text-indent: 20px;
align-items: center;
border-right: 1px solid $borderColor;
}
}
.item_right {
......
......@@ -122,6 +122,7 @@
_beforeUnload_time: "",
treedata: {},
tabdata: [],
bsmRepair:"",
defaultNode: {},
};
},
......@@ -162,6 +163,7 @@
},
// 获取右侧选项卡
getCurrentSelectProps (val) {
this.bsmRepair= val.bsmRepair
if (val.bdcdyid) {
this.oneSelectProps = val;
}
......
......@@ -126,6 +126,7 @@ export default {
//页面监听时间
_beforeUnload_time: "",
treedata: {},
bsmRepair:"",
tabdata: [],
defaultNode: {},
};
......@@ -168,6 +169,7 @@ export default {
},
// 获取右侧选项卡
getCurrentSelectProps(val) {
this.bsmRepair= val.bsmRepair
if (val.bdcdyid) {
this.oneSelectProps = val;
}
......