Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
7aa9874f by 任超
Options

feat:常用意见

1 parent 4f796e7a
Inline Side-by-side
Showing 5 changed files with 72 additions and 79 deletions
......@@ -3,10 +3,6 @@
<div v-show="visible" class="el-loading-mask" :style="{ backgroundColor: background || '' }"
:class="[customClass, { 'is-fullscreen': fullscreen }]">
<div class="el-loading-spinner">
<!-- <svg v-if="!spinner" class="circular" viewBox="25 25 50 50">
<circle class="path" cx="50" cy="50" r="20" fill="none" />
</svg>
<i v-else :class="spinner"></i> -->
<img class="img" src="../../../image/progress.gif" alt="">
<p v-if="text" class="el-loading-text">{{ text }}</p>
</div>
......
......@@ -3,10 +3,6 @@
<div v-show="visible" class="el-loading-mask" :style="{ backgroundColor: background || '' }"
:class="[customClass, { 'is-fullscreen': fullscreen }]">
<div class="el-loading-spinner">
<!-- <svg v-if="!spinner" class="circular" viewBox="25 25 50 50">
<circle class="path" cx="50" cy="50" r="20" fill="none" />
</svg>
<i v-else :class="spinner"></i> -->
<img class="img" src="../../../image/progress.gif" alt="">
<p v-if="text" class="el-loading-text">{{ text }}</p>
</div>
......
......@@ -93,7 +93,7 @@
<i class="el-icon-s-unfold pointer"></i>
</div>
<ul>
<li v-for="(item, index) in doneList.slice(0, 10)" :key="index" class="flexst dynamicInfo">
<li v-for="(item, index) in doneList.slice(0, 13)" :key="index" class="flexst dynamicInfo">
<p class="right15">{{ item.dealTime.substring(0, 10) }}</p>
<p class="list-title">{{ item.dealBusiness }} ({{ item.dealStep + '环节' }})</p>
</li>
......
<template>
<dialogBox title="常用意见" width="60%" isMain v-model="value" @closeDialog="closeDialog" :isButton="false">
<div>
<el-button type="primary" native-type="submit" @click="openDialog()">新增常用</el-button>
<lb-table :page-size="pageData.size" border :current-page.sync="pageData.current" :total="tableData.total"
@size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="columns"
:data="tableData.data">
</lb-table>
<el-dialog title="新增意见" :visible.sync="addDialog" width="50%" :modal="false" top="30vh">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item prop="commonOpinion">
<div class="invalid-reson">常用意见：</div>
<el-input v-model="form.commonOpinion" placeholder="请输入常用意见" type="textarea" :rows="4"></el-input>
</el-form-item>
<el-form-item>
<div class="dialog-footer">
<el-button @click="closeaddDiglog()">取 消</el-button>
<el-button type="primary" @click="addOpinion()">确 定</el-button>
</div>
</el-form-item>
</el-form>
<!-- <div class="invalid-reson">常用意见：</div>
<el-input v-model="commonOpinion" placeholder="请输入常用意见" type="textarea" :rows="4"></el-input>
<div class="dialog-footer">
<el-button @click="closeaddDiglog()">取 消</el-button>
<el-button type="primary" @click="addOpinion()">确 定</el-button>
</div> -->
</el-dialog>
</div>
<div>
<dialogBox title="常用意见" :fullscreen="false" width="60%" isMain v-model="value" @closeDialog="closeDialog"
:isButton="false">
<el-button type="primary" native-type="submit" @click="openDialog()">新增常用</el-button>
<lb-table :page-size="pageData.size" heightNumSetting :current-page.sync="pageData.current"
:total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
:column="columns" :data="tableData.data">
</lb-table>
<div style="height:15px"></div>
</dialogBox>
<el-dialog title="新增意见" custom-class="dialogBox" :visible.sync="addDialog" width="50%" :append-to-body="true"
:modal="false">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item prop="commonOpinion">
<div class="invalid-reson">常用意见：</div>
<el-input v-model="form.commonOpinion" placeholder="请输入常用意见" type="textarea" :rows="4"></el-input>
</el-form-item>
<el-form-item>
<div class="dialog-footer">
<el-button @click="closeaddDiglog">取 消</el-button>
<el-button type="primary" @click="addOpinion">确 定</el-button>
</div>
</el-form-item>
</el-form>
</el-dialog>
</div>
</template>
<script>
import table from "@/utils/mixin/table";
import { getUserCommonOpinion,addUserCommonOpinion,delUserCommonOpinion } from "@/api/fqsq.js"
import { getUserCommonOpinion, addUserCommonOpinion, delUserCommonOpinion } from "@/api/fqsq.js"
export default {
components: {},
mixins: [table],
props: {
value: { type: Boolean, default: false },
value: { type: Boolean, default: false },
},
data () {
return {
......@@ -72,33 +69,33 @@ export default {
},
rules: {
commonOpinion: [
{ required: true, message: '请输入常用意见', trigger: 'blur' },
],
{ required: true, message: '请输入常用意见', trigger: 'blur' },
],
},
addDialog: false,
}
},
mounted() {
this.queryClick ()
mounted () {
this.queryClick()
},
methods: {
queryClick (){
getUserCommonOpinion(this.pageData).then(res => {
let { total, records } = res.result
this.tableData.total = total;
this.tableData.data = records ? records : []
})
queryClick () {
getUserCommonOpinion(this.pageData).then(res => {
let { total, records } = res.result
this.tableData.total = total;
this.tableData.data = records ? records : []
})
},
//新增常用意见
addOpinion(){
addOpinion () {
this.$refs.form.validate(valid => {
if (valid) {
addUserCommonOpinion({commonOpinion: this.form.commonOpinion}).then(res => {
if(res.code == 200){
this.closeaddDiglog();
this.queryList()
}else{
this.$message.error(res.message)
addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => {
if (res.code == 200) {
this.closeaddDiglog();
this.queryList()
} else {
this.$message.error(res.message)
}
})
} else {
......@@ -108,35 +105,35 @@ export default {
});
},
//打开新增弹窗
openDialog() {
this.addDialog = true
openDialog () {
this.addDialog = true
},
//关闭新增弹窗
closeaddDiglog() {
closeaddDiglog () {
this.addDialog = false;
this.form.commonOpinion = "";
this.$refs['form'].resetFields();
},
//使用常用意见
useCommonOpinion(item){
useCommonOpinion (item) {
this.$parent.useOpinion(item.opinion);
this.$emit("input", false);
},
//删除常用意见
deleteOpinion(item){
deleteOpinion (item) {
this.$confirm("确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}).then(() => {
delUserCommonOpinion({bsmOpinion: item.bsmOpinion}).then(res => {
if(res.code == 200){
this.$message.success("删除成功")
this.queryClick()
}else{
this.$message.error(res.message)
}
})
delUserCommonOpinion({ bsmOpinion: item.bsmOpinion }).then(res => {
if (res.code == 200) {
this.$message.success("删除成功")
this.queryClick()
} else {
this.$message.error(res.message)
}
})
})
.catch(() => {
this.$message({
type: "info",
......@@ -153,12 +150,16 @@ export default {
}
</script>
<style scoped lang='scss'>
.invalid-reson {
margin-bottom: 10px;
}
.dialog-footer {
margin-top: 10px;
display: flex;
justify-content: flex-end;
}
@import "~@/styles/mixin.scss";
@import "~@/styles/dialogBox.scss";
.invalid-reson {
margin-bottom: 10px;
}
.dialog-footer {
margin-top: 10px;
display: flex;
justify-content: flex-end;
}
</style>
\ No newline at end of file
......
<template>
<div class="from-clues loadingtext" v-Loading="loading" style="height:720px">
<div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px">
<!-- 表单部分 -->
<el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length > 1">
<el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz"
......