Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
49986d07 by xiaomiao
Options

样式修改

1 parent 7ddda7cb
Inline Side-by-side
Showing 3 changed files with 200 additions and 174 deletions
1 .zdxx {
2 width: 100%;
3 height: 100%;
4 background-color: #f5f5f5;
5 padding: 5px;
6 }
1 .tablebox { 7 .tablebox {
2 overflow-x: auto; 8 overflow-x: auto;
3 width: 100%; 9 width: 100%;
......
...@@ -156,7 +156,7 @@ ...@@ -156,7 +156,7 @@
156 zdjbxx: {}, 156 zdjbxx: {},
157 zdbhqks: [], 157 zdbhqks: [],
158 propsParam: this.$attrs, 158 propsParam: this.$attrs,
159 showGroup: true, 159 showGroup: false,
160 bdclxList: ['', '宗地', '宗海', '自然幢', '多幢', '构筑物', '林权', '户'] 160 bdclxList: ['', '宗地', '宗海', '自然幢', '多幢', '构筑物', '林权', '户']
161 }; 161 };
162 }, 162 },
...@@ -181,10 +181,4 @@ ...@@ -181,10 +181,4 @@
181 181
182 <style lang="scss" scoped> 182 <style lang="scss" scoped>
183 @import "./tablestyle.scss"; 183 @import "./tablestyle.scss";
184 .zdxx {
185 width: 100%;
186 height: 100%;
187 background-color: #f5f5f5;
188 padding: 5px;
189 }
190 </style> 184 </style>
......
...@@ -4,203 +4,229 @@ ...@@ -4,203 +4,229 @@
4 --> 4 -->
5 <template> 5 <template>
6 <div class='spyj loadingtext'> 6 <div class='spyj loadingtext'>
7 <b class="spyj_title">审批表</b> 7 <div class="box">
8 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> 8 <b class="spyj_title">审批表</b>
9 <div class="spyj_form" v-for="(item, index) in tableData" :key="index"> 9 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
10 <div class="item_left"> 10 <div class="spyj_form" v-for="(item, index) in tableData" :key="index">
11 {{ item.jdmc }}意见 11 <div class="item_left">
12 {{ item.jdmc }}意见
13 </div>
14 <div class="item_right">
15 <el-row>
16 <el-col :span="24">
17 <el-form-item label-width="0" class="opinion_item" prop="shyj">
18 <el-input type="textarea" :rows="4" class="opinion" placeholder="请输入审批意见"
19 v-if="item.stepShjy == '1' && ableOperation" v-model="ruleForm.shyj"></el-input>
20 <el-input type="textarea" :rows="4" class="opinion" v-model="item.shyj" v-else :disabled="true">
21 </el-input>
22 <el-button class="opinion_btn" @click="commonOpinion"
23 v-if="item.stepShjy == '1' && ableOperation">常用意见</el-button>
24 </el-form-item>
25 </el-col>
26 </el-row>
27 <el-row>
28 <el-col :span="16">
29 <el-form-item label="审查人" prop="shryxm">
30 {{ item.shryxm }}
31 </el-form-item>
32 </el-col>
33 <el-col :span="8">
34 <el-form-item label="审核时间" prop="shjssj" :key="refresh">
35 {{ item.shjssj }}
36 </el-form-item>
37 </el-col>
38 </el-row>
39 </div>
12 </div> 40 </div>
13 <div class="item_right"> 41 <div class="submit_button" v-if="ableOperation">
14 <el-row> 42 <el-button type="primary" @click="onSubmit">保存</el-button>
15 <el-col :span="24">
16 <el-form-item label-width="0" class="opinion_item" prop="shyj">
17 <el-input type="textarea" :rows="4" class="opinion" placeholder="请输入审批意见"
18 v-if="item.stepShjy == '1' && ableOperation" v-model="ruleForm.shyj"></el-input>
19 <el-input type="textarea" :rows="4" class="opinion" v-model="item.shyj" v-else :disabled="true">
20 </el-input>
21 <el-button class="opinion_btn" @click="commonOpinion"
22 v-if="item.stepShjy == '1' && ableOperation">常用意见</el-button>
23 </el-form-item>
24 </el-col>
25 </el-row>
26 <el-row>
27 <el-col :span="16">
28 <el-form-item label="审查人：" prop="shryxm">
29 {{ item.shryxm }}
30 </el-form-item>
31 </el-col>
32 <el-col :span="8">
33 <el-form-item label="审核时间：" prop="shjssj" :key="refresh">
34 {{ item.shjssj }}
35 </el-form-item>
36 </el-col>
37 </el-row>
38 </div> 43 </div>
39 </div> 44 </el-form>
40 <div class="submit_button" v-if="ableOperation"> 45 </div>
41 <el-button type="primary" @click="onSubmit">保存</el-button>
42 </div>
43 </el-form>
44 <el-empty v-if="isNoData" description="暂无数据"></el-empty> 46 <el-empty v-if="isNoData" description="暂无数据"></el-empty>
45 <commonDialog v-model="commonDialog" /> 47 <commonDialog v-model="commonDialog" />
46 </div> 48 </div>
47 </template> 49 </template>
48 <script> 50 <script>
49 import { getSpyjList, saveSpyj, saveSpyjBySlsq } from "@/api/fqsq.js"; 51 import { getSpyjList, saveSpyj, saveSpyjBySlsq } from "@/api/fqsq.js";
50 import { popupDialog } from "@/utils/popup.js"; 52 import { popupDialog } from "@/utils/popup.js";
51 import commonDialog from "./commonOpinion.vue"; 53 import commonDialog from "./commonOpinion.vue";
52 import { mapGetters } from 'vuex' 54 import { mapGetters } from 'vuex'
53 export default { 55 export default {
54 components: { commonDialog }, 56 components: { commonDialog },
55 props: { 57 props: {
56 },
57 computed: {
58 ...mapGetters(['userData'])
59 },
60 data () {
61 return {
62 isNoData: false,
63 bsmSlsq: '',
64 //刷新值
65 refresh: 10,
66 ableOperation: true,
67 bsmSlsq: this.$route.query.bsmSlsq,
68 bestepid: this.$route.query.bestepid,
69 ruleForm: {},
70 rules: {
71 shyj: [
72 { required: true, message: '请输入审批意见', trigger: 'blur' }
73 ],
74 },
75 tableData: [],
76 propsParam: {},
77 commonDialog: false
78 }
79 },
80 mounted () {
81 this.propsParam = this.$attrs;
82 if (this.$route.query.viewtype) {
83 this.ableOperation = false
84 }
85 this.list();
86 },
87 methods: {
88 handleClick () {
89 console.log(1)
90 }, 58 },
91 //审批意见数据初始化 59 computed: {
92 list () { 60 ...mapGetters(['userData'])
93 let that = this
94 this.$startLoading()
95 var formdata = new FormData();
96 formdata.append("bsmBusiness", this.propsParam.bsmBusiness);
97 formdata.append("bestepid", this.$route.query.bestepid);
98 formdata.append("ableOperation", this.ableOperation)
99 getSpyjList(formdata).then((res) => {
100 this.$endLoading()
101 if (res.code === 200 && res.result) {
102 this.tableData = res.result ? res.result : []
103 if (res.result.length == 0) {
104 that.isNoData = true
105 }
106 this.ruleForm = res.result[res.result.length - 1]
107 }
108 })
109 }, 61 },
110 onSubmit () { 62 data () {
111 this.ruleForm.bsmSlsq = this.bsmSlsq 63 return {
112 this.ruleForm.bestepid = this.bestepid 64 isNoData: false,
113 saveSpyjBySlsq(this.ruleForm).then(res => { 65 bsmSlsq: '',
114 if (res.code === 200) { 66 //刷新值
115 this.$message.success("保存成功") 67 refresh: 10,
116 this.refresh += 1 68 ableOperation: true,
117 } else { 69 bsmSlsq: this.$route.query.bsmSlsq,
118 this.$message.error(res.message) 70 bestepid: this.$route.query.bestepid,
119 } 71 ruleForm: {},
120 }) 72 rules: {
73 shyj: [
74 { required: true, message: '请输入审批意见', trigger: 'blur' }
75 ],
76 },
77 tableData: [],
78 propsParam: {},
79 commonDialog: false
80 }
121 }, 81 },
122 //打开常用意见列表弹窗 82 mounted () {
123 commonOpinion () { 83 this.propsParam = this.$attrs;
124 this.commonDialog = true 84 if (this.$route.query.viewtype) {
85 this.ableOperation = false
86 }
87 this.list();
125 }, 88 },
126 //使用常用意见 89 methods: {
127 useOpinion (opinion) { 90 handleClick () {
128 this.ruleForm.shyj = opinion 91 console.log(1)
92 },
93 //审批意见数据初始化
94 list () {
95 let that = this
96 this.$startLoading()
97 var formdata = new FormData();
98 formdata.append("bsmBusiness", this.propsParam.bsmBusiness);
99 formdata.append("bestepid", this.$route.query.bestepid);
100 formdata.append("ableOperation", this.ableOperation)
101 getSpyjList(formdata).then((res) => {
102 this.$endLoading()
103 if (res.code === 200 && res.result) {
104 this.tableData = res.result ? res.result : []
105 if (res.result.length == 0) {
106 that.isNoData = true
107 }
108 this.ruleForm = res.result[res.result.length - 1]
109 }
110 })
111 },
112 onSubmit () {
113 this.ruleForm.bsmSlsq = this.bsmSlsq
114 this.ruleForm.bestepid = this.bestepid
115 saveSpyjBySlsq(this.ruleForm).then(res => {
116 if (res.code === 200) {
117 this.$message.success("保存成功")
118 this.refresh += 1
119 } else {
120 this.$message.error(res.message)
121 }
122 })
123 },
124 //打开常用意见列表弹窗
125 commonOpinion () {
126 this.commonDialog = true
127 },
128 //使用常用意见
129 useOpinion (opinion) {
130 this.ruleForm.shyj = opinion
131 }
129 } 132 }
130 } 133 }
131 }
132 </script> 134 </script>
133 <style scoped lang='scss'> 135 <style scoped lang='scss'>
134 @import '~@/styles/mixin.scss'; 136 @import "~@/styles/mixin.scss";
135
136 .spyj {
137 margin-left: 5px;
138 height: 400px;
139
140 .spyj_title {
141 text-align: center;
142 font-size: 18px;
143 display: block;
144 margin: 5px;
145 }
146 137
147 /deep/.el-form-item { 138 .spyj {
148 margin-bottom: 0; 139 width: 100%;
149 } 140 height: 100%;
150 141 background-color: #f5f5f5;
151 .bottom10 { 142 padding: 5px;
152 margin-bottom: 15px; 143 .box {
153 } 144 overflow-x: auto;
145 width: 100%;
146 height: 95%;
147 background: #fff;
148 text-align: center;
149 padding: 4px;
150 overflow-y: scroll;
151 padding-top: 20px;
152 padding: 20px 40px;
153 }
154 .spyj_title {
155 line-height: 68px;
156 border: 1px solid $borderColor;
157 text-align: center;
158 font-size: 22px;
159 font-weight: 400;
160 background-color: #eceef2;
161 display: block;
162 border-bottom: none;
163 }
154 164
155 .spyj_form { 165 /deep/.el-form-item {
156 display: flex; 166 margin-bottom: 0;
157 border: 1px solid $borderColor; 167 }
158 168
159 .item_left { 169 .bottom10 {
160 width: 150px; 170 margin-bottom: 15px;
161 background-color: #F8F8FA;
162 color: #606266;
163 @include flex-center;
164 border-right: 1px solid $borderColor;
165 } 171 }
166 172
167 .item_right { 173 .spyj_form {
168 flex: 1; 174 display: flex;
169 width: 100%; 175 border: 1px solid $borderColor;
170 176
171 /deep/.el-form-item__label { 177 .item_left {
172 background-color: #F8F8FA; 178 width: 150px;
179 background-color: #f8f8fa;
180 color: #606266;
181 display: flex;
182 font-size: 14px;
183 text-indent: 80px;
184 align-items: center;
185 border-right: 1px solid $borderColor;
173 } 186 }
174 187
175 .opinion_item { 188 .item_right {
176 /deep/.el-form-item__error { 189 flex: 1;
177 margin-top: -16px !important; 190 width: 100%;
178 left: 3px; 191
192 /deep/.el-form-item__label {
193 background-color: #f8f8fa;
179 } 194 }
195 /deep/.el-form-item__content {
196 display: block;
197 text-align: left;
198 padding-left: 15px;
199 text-indent: 10px;
200 }
201 .opinion_item {
202 /deep/.el-form-item__error {
203 margin-top: -16px !important;
204 left: 3px;
205 }
180 206
181 border-bottom: 1px solid $borderColor; 207 border-bottom: 1px solid $borderColor;
182 } 208 }
183 209
184 .opinion { 210 .opinion {
185 position: relative; 211 position: relative;
186 font-size: 16px; 212 font-size: 14px;
187 213
188 /deep/.el-textarea__inner { 214 /deep/.el-textarea__inner {
189 border: none; 215 border: none;
216 }
190 } 217 }
191 }
192 218
193 .opinion_btn { 219 .opinion_btn {
194 position: absolute; 220 position: absolute;
195 right: 15px; 221 right: 15px;
196 bottom: 10px; 222 bottom: 10px;
223 }
197 } 224 }
198 } 225 }
199 }
200 226
201 .submit_button { 227 .submit_button {
202 text-align: center; 228 text-align: center;
203 margin: 15px 0; 229 margin: 15px 0;
230 }
204 } 231 }
205 }
206 </style>
...\ No newline at end of file ...\ No newline at end of file
232 </style>
......