Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
4f756156 by renchao@pashanhoo.com
Options

style:审批意见模块样式的修改

1 parent f35ecc5f
Inline Side-by-side
Showing 2 changed files with 460 additions and 475 deletions
<!--
* @Description: 审批意见
* @Autor: renchao
* @LastEditTime: 2023-05-17 10:41:24
* @LastEditTime: 2023-09-28 11:27:03
-->
<template>
<div class="spyj loadingtext">
......@@ -14,8 +14,7 @@
<el-form
:model="tableData[index]"
label-width="120px"
ref="ruleFormRef'"
>
ref="ruleFormRef'">
<div class="spyj_form">
<div class="item_left">
<div class="right">{{ item.jdmc }}意见</div>
......@@ -30,14 +29,11 @@
:rows="4"
class="opinion"
placeholder="请输入审批意见"
v-model="item.shyj"
></el-input>
v-model="item.shyj"></el-input>
<el-button
class="opinion_btn"
@click="commonOpinion(index)"
v-if="ableOperation"
>常用意见</el-button
>
v-if="ableOperation">常用意见</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -47,8 +43,7 @@
<el-input
maxlength="20"
:disabled="!ableOperation"
v-model="item.shryxm"
></el-input>
v-model="item.shryxm"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -59,8 +54,7 @@
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -77,283 +71,282 @@
</div>
</template>
<script>
import { addidea, getShList } from "@/api/djbRepair.js";
import { mapGetters } from "vuex";
export default {
computed: {
...mapGetters(["userData", "yjsqOptions"]),
},
data() {
return {
isNoData: false,
currentindex: 0,
ableOperation: false,
tableData: [{ jdmc: "初审" }, { jdmc: "复审" }, { jdmc: "核定" }],
falg: false,
falg1: false,
monitor:true
};
},
watch: {
yjsqOptions: {
handler(val) {
if(this.monitor){
this.add("");
this.monitor=false
}else{
this.add(val.opinion);
}
},
deep: true,
immediate: true,
import { addidea, getShList } from "@/api/djbRepair.js";
import { mapGetters } from "vuex";
export default {
computed: {
...mapGetters(["userData", "yjsqOptions"]),
},
},
created() {},
mounted() {
this.ableOperation = this.$parent.ableOperation;
this.getShList();
},
methods: {
/**
* @description: getShList
* @param {*} obj
* @author: renchao
*/
getShList() {
this.$startLoading();
var formdata = {
bsmRepair: this.$parent.bsmRepair,
data () {
return {
isNoData: false,
currentindex: 0,
ableOperation: false,
tableData: [{ jdmc: "初审" }, { jdmc: "复审" }, { jdmc: "核定" }],
falg: false,
falg1: false,
monitor: true
};
getShList(formdata).then((res) => {
this.$endLoading();
if (res.code === 200 && res.result) {
if (res.result.length) {
this.tableData = res.result;
},
watch: {
yjsqOptions: {
handler (val) {
if (this.monitor) {
this.add("");
this.monitor = false
} else {
this.add(val.opinion);
}
}
});
},
deep: true,
immediate: true,
},
},
/**
* @description: judgment
* @param {*} obj
* @author: renchao
*/
judgment(obj) {},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
if (
this.tableData[2].shyj == null ||
this.tableData[2].shryxm == null ||
this.tableData[2].shkssj == null ||
this.tableData[2].shyj == "" ||
this.tableData[2].shryxm == "" ||
this.tableData[2].shkssj == ""
) {
this.falg = false;
this.$message.error("请完善核定意见信息填写");
} else {
this.falg = true;
if (this.tableData[0].shyj != null && this.tableData[0].shyj != ""||
this.tableData[0].shryxm != null && this.tableData[0].shryxm != ""||
created () { },
mounted () {
this.ableOperation = this.$parent.ableOperation;
this.getShList();
},
methods: {
/**
* @description: getShList
* @param {*} obj
* @author: renchao
*/
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;
}
}
});
},
/**
* @description: judgment
* @param {*} obj
* @author: renchao
*/
judgment (obj) { },
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
if (
this.tableData[2].shyj == null ||
this.tableData[2].shryxm == null ||
this.tableData[2].shkssj == null ||
this.tableData[2].shyj == "" ||
this.tableData[2].shryxm == "" ||
this.tableData[2].shkssj == ""
) {
this.falg = false;
this.$message.error("请完善核定意见信息填写");
} else {
this.falg = true;
if (this.tableData[0].shyj != null && this.tableData[0].shyj != "" ||
this.tableData[0].shryxm != null && this.tableData[0].shryxm != "" ||
this.tableData[0].shkssj != null && this.tableData[0].shkssj != "") {
if (
this.tableData[0].shyj == null ||
this.tableData[0].shyj == ""||
this.tableData[0].shryxm == null ||
this.tableData[0].shryxm == "" ||
this.tableData[0].shkssj == null ||
this.tableData[0].shkssj == ""
) {
this.$message.error("请完善初审意见信息填写");
this.falg = false;
if (
this.tableData[0].shyj == null ||
this.tableData[0].shyj == "" ||
this.tableData[0].shryxm == null ||
this.tableData[0].shryxm == "" ||
this.tableData[0].shkssj == null ||
this.tableData[0].shkssj == ""
) {
this.$message.error("请完善初审意见信息填写");
this.falg = false;
} else {
this.falg = true;
}
} else {
this.falg = true;
}
} else {
this.falg = true;
}
if (this.tableData[1].shyj != null && this.tableData[1].shyj != ""||
this.tableData[1].shryxm != null && this.tableData[1].shryxm != ""||
if (this.tableData[1].shyj != null && this.tableData[1].shyj != "" ||
this.tableData[1].shryxm != null && this.tableData[1].shryxm != "" ||
this.tableData[1].shkssj != null && this.tableData[1].shkssj != "") {
if (
this.tableData[1].shyj == null ||
this.tableData[1].shyj == ""||
this.tableData[1].shryxm == null ||
this.tableData[1].shryxm == "" ||
this.tableData[1].shkssj == null ||
this.tableData[1].shkssj == ""
) {
this.$message.error("请完善复审意见信息填写");
this.falg1 = false;
if (
this.tableData[1].shyj == null ||
this.tableData[1].shyj == "" ||
this.tableData[1].shryxm == null ||
this.tableData[1].shryxm == "" ||
this.tableData[1].shkssj == null ||
this.tableData[1].shkssj == ""
) {
this.$message.error("请完善复审意见信息填写");
this.falg1 = false;
} else {
this.falg1 = true;
}
} else {
this.falg1 = true;
}
} else {
this.falg1 = true;
}
}
if (this.falg && this.falg1) {
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;
}
},
//打开常用意见列表弹窗
/**
* @description: 打开常用意见列表弹窗
* @param {*} index
* @author: renchao
*/
commonOpinion(index) {
this.currentindex = index;
this.$popupDialog(
"常用意见",
"workflow/components/dialog/commonOpinion",
{},
"70%",
true
);
},
/**
* @description: add
* @param {*} val
* @author: renchao
*/
add(val) {
if (val != "") {
this.$set(this.tableData[this.currentindex], "shyj", val);
}
if (this.falg && this.falg1) {
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;
}
},
//打开常用意见列表弹窗
/**
* @description: 打开常用意见列表弹窗
* @param {*} index
* @author: renchao
*/
commonOpinion (index) {
this.currentindex = index;
this.$popupDialog(
"常用意见",
"workflow/components/dialog/commonOpinion",
{},
"70%",
true
);
},
/**
* @description: add
* @param {*} val
* @author: renchao
*/
add (val) {
if (val != "") {
this.$set(this.tableData[this.currentindex], "shyj", val);
}
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/mixin.scss";
.spyj {
width: 100%;
height: 100%;
background-color: #f5f5f5;
padding: 5px;
.box {
overflow-x: auto;
.spyj {
width: 100%;
height: 95%;
background: #fff;
text-align: center;
padding: 4px;
overflow-y: scroll;
padding-top: 20px;
padding: 20px 40px;
.spyj_title {
height: 100%;
background-color: #f5f5f5;
.box {
overflow-x: auto;
width: 100%;
height: 80px;
border: 1px solid $borderColor;
background-color: #eceef2;
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;
margin: auto;
font-size: 22px;
font-weight: 400;
height: 95%;
background: #fff;
text-align: center;
padding: 4px;
overflow-y: scroll;
padding-top: 20px;
padding: 20px 40px;
.spyj_title {
width: 100%;
height: 80px;
border: 1px solid $borderColor;
background-color: #eceef2;
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;
margin: auto;
font-size: 22px;
font-weight: 400;
}
}
}
/deep/.el-form-item {
margin-bottom: 0;
}
.bottom10 {
margin-bottom: 15px;
}
.spyj_form {
display: flex;
border: 1px solid $borderColor;
/deep/.el-form-item {
margin-bottom: 0;
}
.item_left {
width: 150px;
background-color: #f8f8fa;
color: #606266;
display: flex;
font-size: 14px;
text-indent: 50px;
align-items: center;
border-right: 1px solid $borderColor;
.bottom10 {
margin-bottom: 15px;
}
.item_right {
flex: 1;
width: 100%;
.spyj_form {
display: flex;
border: 1px solid $borderColor;
/deep/.el-form-item__label {
.item_left {
width: 150px;
background-color: #f8f8fa;
color: #606266;
display: flex;
font-size: 14px;
text-indent: 50px;
align-items: center;
border-right: 1px solid $borderColor;
}
/deep/.el-form-item__content {
display: block;
text-align: left;
}
.opinion_item {
/deep/.el-form-item__error {
margin-top: -16px !important;
left: 3px;
.item_right {
flex: 1;
width: 100%;
/deep/.el-form-item__label {
background-color: #f8f8fa;
}
/deep/.el-form-item__content {
display: block;
text-align: left;
}
.opinion_item {
/deep/.el-form-item__error {
margin-top: -16px !important;
left: 3px;
}
border-bottom: 1px solid $borderColor;
}
border-bottom: 1px solid $borderColor;
}
.opinion {
position: relative;
font-size: 14px;
.opinion {
position: relative;
font-size: 14px;
/deep/.el-textarea__inner {
border: none;
/deep/.el-textarea__inner {
border: none;
}
}
}
.opinion_btn {
position: absolute;
right: 15px;
bottom: 10px;
.opinion_btn {
position: absolute;
right: 15px;
bottom: 10px;
}
}
}
}
.submit_button {
text-align: center;
margin: 15px 0;
}
.submit_button {
text-align: center;
margin: 15px 0;
}
.el-date-editor.el-input {
width: 100%;
.el-date-editor.el-input {
width: 100%;
}
}
}
</style>
......
<!--
* @Description: 审批意见
* @Autor: renchao
* @LastEditTime: 2023-08-16 14:39:55
* @LastEditTime: 2023-09-28 11:27:06
-->
<template>
<div class="spyj loadingtext">
......@@ -14,8 +14,7 @@
<el-form
:model="tableData[index]"
label-width="120px"
ref="ruleForm'"
>
ref="ruleForm'">
<div class="spyj_form">
<div class="item_left">
<div class="right">{{ item.jdmc }}意见</div>
......@@ -25,22 +24,18 @@
<el-col :span="24">
<el-form-item
label-width="0"
class="opinion_item"
>
class="opinion_item">
<el-input
:disabled="!viewEdit || item.show"
type="textarea"
:rows="4"
class="opinion"
placeholder="请输入审批意见"
v-model="item.shyj"
></el-input>
v-model="item.shyj"></el-input>
<el-button
class="opinion_btn"
@click="commonOpinion(index)"
:disabled="!viewEdit|| item.show"
>常用意见</el-button
>
:disabled="!viewEdit|| item.show">常用意见</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -61,93 +56,91 @@
</el-form>
</div>
<div class="submit_button" v-if="viewEdit">
<el-button type="primary" :disabled="shows" @click="onSubmit()"
>保存</el-button
>
<el-button type="primary" :disabled="shows" @click="onSubmit()">保存</el-button>
</div>
</div>
<!-- <el-empty v-if="isNoData" description="暂无数据"></el-empty> -->
</div>
</template>
<script>
import { saveSpyjBySlsq, getSpyjList } from "@/api/opinion.js";
import { mapGetters } from "vuex";
import { getNewDatesh } from "@/utils/util";
export default {
computed: {
...mapGetters(["dqhj", "yjsqOptions", "userInfo"]),
},
data() {
return {
currentindex: 0,
refresh: 10,
viewEdit: false,
bsmSlsq: this.$route.query.bsmSlsq,
bestepid: this.$route.query.bestepid,
propsParam: {},
tableData: [],
shows: false,
};
},
import { saveSpyjBySlsq, getSpyjList } from "@/api/opinion.js";
import { mapGetters } from "vuex";
import { getNewDatesh } from "@/utils/util";
export default {
computed: {
...mapGetters(["dqhj", "yjsqOptions", "userInfo"]),
},
data () {
return {
currentindex: 0,
refresh: 10,
viewEdit: false,
bsmSlsq: this.$route.query.bsmSlsq,
bestepid: this.$route.query.bestepid,
propsParam: {},
tableData: [],
shows: false,
};
},
watch: {
yjsqOptions: {
handler(val) {
this.add(val.opinion);
watch: {
yjsqOptions: {
handler (val) {
this.add(val.opinion);
},
deep: true,
immediate: true,
},
deep: true,
immediate: true,
},
dqhj: {
handler(val) {
this.propsParam = this.$attrs;
this.dataset()
this.getShList();
dqhj: {
handler (val) {
this.propsParam = this.$attrs;
this.dataset()
this.getShList();
},
deep: true,
immediate: true,
},
deep: true,
immediate: true,
},
},
created() {},
methods: {
/**
* @description: dataset
* @param {*} 数据处理
* @author: renchao
*/
dataset(){
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
// switch (this.$parent.dqhj) {
// case "cs":
// this.indexdqlc = 0;
// this.jdmc = "初审";
// break;
// case "fs":
// this.indexdqlc = 1;
// this.jdmc = "复审";
// break;
// case "hd":
// this.indexdqlc = 2;
// this.jdmc = "核定";
// break;
// }
},
/**
* @description: getShList
* @param {*} obj
* @author: renchao
*/
getShList() {
this.$startLoading();
var formdata = new FormData();
formdata.append("bsmBusiness", this.propsParam.bsmBusiness);
formdata.append("bestepid", this.$route.query.bestepid);
created () { },
methods: {
/**
* @description: dataset
* @param {*} 数据处理
* @author: renchao
*/
dataset () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
// switch (this.$parent.dqhj) {
// case "cs":
// this.indexdqlc = 0;
// this.jdmc = "初审";
// break;
// case "fs":
// this.indexdqlc = 1;
// this.jdmc = "复审";
// break;
// case "hd":
// this.indexdqlc = 2;
// this.jdmc = "核定";
// break;
// }
},
/**
* @description: getShList
* @param {*} obj
* @author: renchao
*/
getShList () {
this.$startLoading();
var formdata = new FormData();
formdata.append("bsmBusiness", this.propsParam.bsmBusiness);
formdata.append("bestepid", this.$route.query.bestepid);
getSpyjList(formdata).then((res) => {
getSpyjList(formdata).then((res) => {
if (res.code === 200 && res.result) {
if (res.code === 200 && res.result) {
this.tableData = res.result;
if (this.shows) {
this.shows = false;
......@@ -182,27 +175,27 @@ export default {
});
this.$endLoading();
}
}
});
});
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
this.tableData.forEach((item, index) => {
item["bsmBusiness"] = this.propsParam.bsmBusiness;
item["czjg"] = "1";
});
var index = this.tableData.findIndex(
(item) => item.shyj ==null||item.shyj ==""
);
if(index==-1){
this.shows = true;
saveSpyjBySlsq(this.tableData).then((res) => {
this.tableData.forEach((item, index) => {
item["bsmBusiness"] = this.propsParam.bsmBusiness;
item["czjg"] = "1";
});
var index = this.tableData.findIndex(
(item) => item.shyj == null || item.shyj == ""
);
if (index == -1) {
this.shows = true;
saveSpyjBySlsq(this.tableData).then((res) => {
if (res.code === 200) {
this.$message.success("保存成功");
this.refresh += 1;
......@@ -211,151 +204,150 @@ export default {
this.$message.error(res.message);
}
});
}else{
this.$message.error("意见不能为空");
}
} else {
this.$message.error("意见不能为空");
}
},
//打开常用意见列表弹窗
/**
* @description: 打开常用意见列表弹窗
* @param {*} index
* @author: renchao
*/
commonOpinion (index) {
this.currentindex = index;
this.$popupDialog(
"常用意见",
"workflow/components/dialog/commonOpinion",
{},
"70%",
true
);
},
/**
* @description: add
* @param {*} val
* @author: renchao
*/
add (val) {
if (val != "" && this.tableData.length > 0) {
this.$set(this.tableData[this.currentindex], "shyj", val);
}
},
},
//打开常用意见列表弹窗
/**
* @description: 打开常用意见列表弹窗
* @param {*} index
* @author: renchao
*/
commonOpinion(index) {
this.currentindex = index;
this.$popupDialog(
"常用意见",
"workflow/components/dialog/commonOpinion",
{},
"70%",
true
);
},
/**
* @description: add
* @param {*} val
* @author: renchao
*/
add(val) {
if (val != ""&&this.tableData.length>0) {
this.$set(this.tableData[this.currentindex], "shyj", val);
}
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/mixin.scss";
.spyj {
width: 100%;
height: 100%;
background-color: #f5f5f5;
padding: 5px;
.box {
overflow-x: auto;
.spyj {
width: 100%;
height: 95%;
background: #fff;
text-align: center;
padding: 4px;
overflow-y: scroll;
padding-top: 20px;
padding: 20px 40px;
.spyj_title {
height: 100%;
background-color: #f5f5f5;
.box {
overflow-x: auto;
width: 100%;
height: 80px;
border: 1px solid $borderColor;
background-color: #eceef2;
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;
margin: auto;
font-size: 22px;
font-weight: 400;
height: 95%;
background: #fff;
text-align: center;
padding: 4px;
overflow-y: scroll;
padding-top: 20px;
padding: 20px 40px;
.spyj_title {
width: 100%;
height: 80px;
border: 1px solid $borderColor;
background-color: #eceef2;
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;
margin: auto;
font-size: 22px;
font-weight: 400;
}
}
}
/deep/.el-form-item {
margin-bottom: 0;
}
.bottom10 {
margin-bottom: 15px;
}
.spyj_form {
display: flex;
border: 1px solid $borderColor;
/deep/.el-form-item {
margin-bottom: 0;
}
.item_left {
width: 150px;
background-color: #f8f8fa;
color: #606266;
display: flex;
font-size: 14px;
text-indent: 50px;
align-items: center;
border-right: 1px solid $borderColor;
.bottom10 {
margin-bottom: 15px;
}
.item_right {
flex: 1;
width: 100%;
.spyj_form {
display: flex;
border: 1px solid $borderColor;
/deep/.el-form-item__label {
.item_left {
width: 150px;
background-color: #f8f8fa;
color: #606266;
display: flex;
font-size: 14px;
text-indent: 50px;
align-items: center;
border-right: 1px solid $borderColor;
}
/deep/.el-form-item__content {
display: block;
text-align: left;
}
.opinion_item {
/deep/.el-form-item__error {
margin-top: -16px !important;
left: 3px;
.item_right {
flex: 1;
width: 100%;
/deep/.el-form-item__label {
background-color: #f8f8fa;
}
/deep/.el-form-item__content {
display: block;
text-align: left;
}
.opinion_item {
/deep/.el-form-item__error {
margin-top: -16px !important;
left: 3px;
}
border-bottom: 1px solid $borderColor;
}
border-bottom: 1px solid $borderColor;
}
.opinion {
position: relative;
font-size: 14px;
.opinion {
position: relative;
font-size: 14px;
/deep/.el-textarea__inner {
border: none;
/deep/.el-textarea__inner {
border: none;
}
}
}
.opinion_btn {
position: absolute;
right: 15px;
bottom: 10px;
.opinion_btn {
position: absolute;
right: 15px;
bottom: 10px;
}
}
}
}
.submit_button {
text-align: center;
margin: 15px 0;
}
.submit_button {
text-align: center;
margin: 15px 0;
}
.el-date-editor.el-input {
width: 100%;
.el-date-editor.el-input {
width: 100%;
}
}
}
</style>
......