feat:常用意见
Showing
5 changed files
with
72 additions
and
79 deletions
... | @@ -3,10 +3,6 @@ | ... | @@ -3,10 +3,6 @@ |
3 | <div v-show="visible" class="el-loading-mask" :style="{ backgroundColor: background || '' }" | 3 | <div v-show="visible" class="el-loading-mask" :style="{ backgroundColor: background || '' }" |
4 | :class="[customClass, { 'is-fullscreen': fullscreen }]"> | 4 | :class="[customClass, { 'is-fullscreen': fullscreen }]"> |
5 | <div class="el-loading-spinner"> | 5 | <div class="el-loading-spinner"> |
6 | <!-- <svg v-if="!spinner" class="circular" viewBox="25 25 50 50"> | ||
7 | <circle class="path" cx="50" cy="50" r="20" fill="none" /> | ||
8 | </svg> | ||
9 | <i v-else :class="spinner"></i> --> | ||
10 | <img class="img" src="../../../image/progress.gif" alt=""> | 6 | <img class="img" src="../../../image/progress.gif" alt=""> |
11 | <p v-if="text" class="el-loading-text">{{ text }}</p> | 7 | <p v-if="text" class="el-loading-text">{{ text }}</p> |
12 | </div> | 8 | </div> | ... | ... |
... | @@ -3,10 +3,6 @@ | ... | @@ -3,10 +3,6 @@ |
3 | <div v-show="visible" class="el-loading-mask" :style="{ backgroundColor: background || '' }" | 3 | <div v-show="visible" class="el-loading-mask" :style="{ backgroundColor: background || '' }" |
4 | :class="[customClass, { 'is-fullscreen': fullscreen }]"> | 4 | :class="[customClass, { 'is-fullscreen': fullscreen }]"> |
5 | <div class="el-loading-spinner"> | 5 | <div class="el-loading-spinner"> |
6 | <!-- <svg v-if="!spinner" class="circular" viewBox="25 25 50 50"> | ||
7 | <circle class="path" cx="50" cy="50" r="20" fill="none" /> | ||
8 | </svg> | ||
9 | <i v-else :class="spinner"></i> --> | ||
10 | <img class="img" src="../../../image/progress.gif" alt=""> | 6 | <img class="img" src="../../../image/progress.gif" alt=""> |
11 | <p v-if="text" class="el-loading-text">{{ text }}</p> | 7 | <p v-if="text" class="el-loading-text">{{ text }}</p> |
12 | </div> | 8 | </div> | ... | ... |
... | @@ -93,7 +93,7 @@ | ... | @@ -93,7 +93,7 @@ |
93 | <i class="el-icon-s-unfold pointer"></i> | 93 | <i class="el-icon-s-unfold pointer"></i> |
94 | </div> | 94 | </div> |
95 | <ul> | 95 | <ul> |
96 | <li v-for="(item, index) in doneList.slice(0, 10)" :key="index" class="flexst dynamicInfo"> | 96 | <li v-for="(item, index) in doneList.slice(0, 13)" :key="index" class="flexst dynamicInfo"> |
97 | <p class="right15">{{ item.dealTime.substring(0, 10) }}</p> | 97 | <p class="right15">{{ item.dealTime.substring(0, 10) }}</p> |
98 | <p class="list-title">{{ item.dealBusiness }} ({{ item.dealStep + '环节' }})</p> | 98 | <p class="list-title">{{ item.dealBusiness }} ({{ item.dealStep + '环节' }})</p> |
99 | </li> | 99 | </li> | ... | ... |
1 | <template> | 1 | <template> |
2 | <dialogBox title="常用意见" width="60%" isMain v-model="value" @closeDialog="closeDialog" :isButton="false"> | 2 | <div> |
3 | <div> | 3 | <dialogBox title="常用意见" :fullscreen="false" width="60%" isMain v-model="value" @closeDialog="closeDialog" |
4 | <el-button type="primary" native-type="submit" @click="openDialog()">新增常用</el-button> | 4 | :isButton="false"> |
5 | <lb-table :page-size="pageData.size" border :current-page.sync="pageData.current" :total="tableData.total" | 5 | <el-button type="primary" native-type="submit" @click="openDialog()">新增常用</el-button> |
6 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="columns" | 6 | <lb-table :page-size="pageData.size" heightNumSetting :current-page.sync="pageData.current" |
7 | :data="tableData.data"> | 7 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" |
8 | </lb-table> | 8 | :column="columns" :data="tableData.data"> |
9 | <el-dialog title="新增意见" :visible.sync="addDialog" width="50%" :modal="false" top="30vh"> | 9 | </lb-table> |
10 | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | 10 | <div style="height:15px"></div> |
11 | <el-form-item prop="commonOpinion"> | ||
12 | <div class="invalid-reson">常用意见:</div> | ||
13 | <el-input v-model="form.commonOpinion" placeholder="请输入常用意见" type="textarea" :rows="4"></el-input> | ||
14 | </el-form-item> | ||
15 | <el-form-item> | ||
16 | <div class="dialog-footer"> | ||
17 | <el-button @click="closeaddDiglog()">取 消</el-button> | ||
18 | <el-button type="primary" @click="addOpinion()">确 定</el-button> | ||
19 | </div> | ||
20 | </el-form-item> | ||
21 | </el-form> | ||
22 | <!-- <div class="invalid-reson">常用意见:</div> | ||
23 | <el-input v-model="commonOpinion" placeholder="请输入常用意见" type="textarea" :rows="4"></el-input> | ||
24 | <div class="dialog-footer"> | ||
25 | <el-button @click="closeaddDiglog()">取 消</el-button> | ||
26 | <el-button type="primary" @click="addOpinion()">确 定</el-button> | ||
27 | </div> --> | ||
28 | </el-dialog> | ||
29 | </div> | ||
30 | </dialogBox> | 11 | </dialogBox> |
12 | <el-dialog title="新增意见" custom-class="dialogBox" :visible.sync="addDialog" width="50%" :append-to-body="true" | ||
13 | :modal="false"> | ||
14 | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | ||
15 | <el-form-item prop="commonOpinion"> | ||
16 | <div class="invalid-reson">常用意见:</div> | ||
17 | <el-input v-model="form.commonOpinion" placeholder="请输入常用意见" type="textarea" :rows="4"></el-input> | ||
18 | </el-form-item> | ||
19 | <el-form-item> | ||
20 | <div class="dialog-footer"> | ||
21 | <el-button @click="closeaddDiglog">取 消</el-button> | ||
22 | <el-button type="primary" @click="addOpinion">确 定</el-button> | ||
23 | </div> | ||
24 | </el-form-item> | ||
25 | </el-form> | ||
26 | </el-dialog> | ||
27 | </div> | ||
31 | </template> | 28 | </template> |
32 | <script> | 29 | <script> |
33 | import table from "@/utils/mixin/table"; | 30 | import table from "@/utils/mixin/table"; |
34 | import { getUserCommonOpinion,addUserCommonOpinion,delUserCommonOpinion } from "@/api/fqsq.js" | 31 | import { getUserCommonOpinion, addUserCommonOpinion, delUserCommonOpinion } from "@/api/fqsq.js" |
35 | export default { | 32 | export default { |
36 | components: {}, | 33 | components: {}, |
37 | mixins: [table], | 34 | mixins: [table], |
38 | props: { | 35 | props: { |
39 | value: { type: Boolean, default: false }, | 36 | value: { type: Boolean, default: false }, |
40 | }, | 37 | }, |
41 | data () { | 38 | data () { |
42 | return { | 39 | return { |
... | @@ -72,33 +69,33 @@ export default { | ... | @@ -72,33 +69,33 @@ export default { |
72 | }, | 69 | }, |
73 | rules: { | 70 | rules: { |
74 | commonOpinion: [ | 71 | commonOpinion: [ |
75 | { required: true, message: '请输入常用意见', trigger: 'blur' }, | 72 | { required: true, message: '请输入常用意见', trigger: 'blur' }, |
76 | ], | 73 | ], |
77 | }, | 74 | }, |
78 | addDialog: false, | 75 | addDialog: false, |
79 | } | 76 | } |
80 | }, | 77 | }, |
81 | mounted() { | 78 | mounted () { |
82 | this.queryClick () | 79 | this.queryClick() |
83 | }, | 80 | }, |
84 | methods: { | 81 | methods: { |
85 | queryClick (){ | 82 | queryClick () { |
86 | getUserCommonOpinion(this.pageData).then(res => { | 83 | getUserCommonOpinion(this.pageData).then(res => { |
87 | let { total, records } = res.result | 84 | let { total, records } = res.result |
88 | this.tableData.total = total; | 85 | this.tableData.total = total; |
89 | this.tableData.data = records ? records : [] | 86 | this.tableData.data = records ? records : [] |
90 | }) | 87 | }) |
91 | }, | 88 | }, |
92 | //新增常用意见 | 89 | //新增常用意见 |
93 | addOpinion(){ | 90 | addOpinion () { |
94 | this.$refs.form.validate(valid => { | 91 | this.$refs.form.validate(valid => { |
95 | if (valid) { | 92 | if (valid) { |
96 | addUserCommonOpinion({commonOpinion: this.form.commonOpinion}).then(res => { | 93 | addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => { |
97 | if(res.code == 200){ | 94 | if (res.code == 200) { |
98 | this.closeaddDiglog(); | 95 | this.closeaddDiglog(); |
99 | this.queryList() | 96 | this.queryList() |
100 | }else{ | 97 | } else { |
101 | this.$message.error(res.message) | 98 | this.$message.error(res.message) |
102 | } | 99 | } |
103 | }) | 100 | }) |
104 | } else { | 101 | } else { |
... | @@ -108,35 +105,35 @@ export default { | ... | @@ -108,35 +105,35 @@ export default { |
108 | }); | 105 | }); |
109 | }, | 106 | }, |
110 | //打开新增弹窗 | 107 | //打开新增弹窗 |
111 | openDialog() { | 108 | openDialog () { |
112 | this.addDialog = true | 109 | this.addDialog = true |
113 | }, | 110 | }, |
114 | //关闭新增弹窗 | 111 | //关闭新增弹窗 |
115 | closeaddDiglog() { | 112 | closeaddDiglog () { |
116 | this.addDialog = false; | 113 | this.addDialog = false; |
117 | this.form.commonOpinion = ""; | 114 | this.$refs['form'].resetFields(); |
118 | }, | 115 | }, |
119 | //使用常用意见 | 116 | //使用常用意见 |
120 | useCommonOpinion(item){ | 117 | useCommonOpinion (item) { |
121 | this.$parent.useOpinion(item.opinion); | 118 | this.$parent.useOpinion(item.opinion); |
122 | this.$emit("input", false); | 119 | this.$emit("input", false); |
123 | }, | 120 | }, |
124 | //删除常用意见 | 121 | //删除常用意见 |
125 | deleteOpinion(item){ | 122 | deleteOpinion (item) { |
126 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 123 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
127 | confirmButtonText: "确定", | 124 | confirmButtonText: "确定", |
128 | cancelButtonText: "取消", | 125 | cancelButtonText: "取消", |
129 | type: "warning", | 126 | type: "warning", |
130 | }).then(() => { | 127 | }).then(() => { |
131 | delUserCommonOpinion({bsmOpinion: item.bsmOpinion}).then(res => { | 128 | delUserCommonOpinion({ bsmOpinion: item.bsmOpinion }).then(res => { |
132 | if(res.code == 200){ | 129 | if (res.code == 200) { |
133 | this.$message.success("删除成功") | 130 | this.$message.success("删除成功") |
134 | this.queryClick() | 131 | this.queryClick() |
135 | }else{ | 132 | } else { |
136 | this.$message.error(res.message) | 133 | this.$message.error(res.message) |
137 | } | 134 | } |
138 | }) | ||
139 | }) | 135 | }) |
136 | }) | ||
140 | .catch(() => { | 137 | .catch(() => { |
141 | this.$message({ | 138 | this.$message({ |
142 | type: "info", | 139 | type: "info", |
... | @@ -153,12 +150,16 @@ export default { | ... | @@ -153,12 +150,16 @@ export default { |
153 | } | 150 | } |
154 | </script> | 151 | </script> |
155 | <style scoped lang='scss'> | 152 | <style scoped lang='scss'> |
156 | .invalid-reson { | 153 | @import "~@/styles/mixin.scss"; |
157 | margin-bottom: 10px; | 154 | @import "~@/styles/dialogBox.scss"; |
158 | } | 155 | |
159 | .dialog-footer { | 156 | .invalid-reson { |
160 | margin-top: 10px; | 157 | margin-bottom: 10px; |
161 | display: flex; | 158 | } |
162 | justify-content: flex-end; | 159 | |
163 | } | 160 | .dialog-footer { |
161 | margin-top: 10px; | ||
162 | display: flex; | ||
163 | justify-content: flex-end; | ||
164 | } | ||
164 | </style> | 165 | </style> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="from-clues loadingtext" v-Loading="loading" style="height:720px"> | 2 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px"> |
3 | <!-- 表单部分 --> | 3 | <!-- 表单部分 --> |
4 | <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length > 1"> | 4 | <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length > 1"> |
5 | <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" | 5 | <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" | ... | ... |
-
Please register or sign in to post a comment