Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
bf59f8db by 任超
Options

style:审批意见

1 parent 3cb00463
Inline Side-by-side
Showing 3 changed files with 267 additions and 34 deletions
...@@ -16,7 +16,8 @@ ...@@ -16,7 +16,8 @@
16 </el-col> 16 </el-col>
17 <el-col :span="8"> 17 <el-col :span="8">
18 <el-form-item label="使用权结束时间：" prop="slsj"> 18 <el-form-item label="使用权结束时间：" prop="slsj">
19 <el-date-picker disabled v-model="ruleForm.slsj" type="datetime" placeholder="选择结束时间" value-format="yyyy-MM-dd"> 19 <el-date-picker disabled v-model="ruleForm.slsj" type="datetime" placeholder="选择结束时间"
20 value-format="yyyy-MM-dd">
20 </el-date-picker> 21 </el-date-picker>
21 </el-form-item> 22 </el-form-item>
22 </el-col> 23 </el-col>
...@@ -106,19 +107,22 @@ ...@@ -106,19 +107,22 @@
106 <el-row :gutter="10"> 107 <el-row :gutter="10">
107 <el-col :span="8"> 108 <el-col :span="8">
108 <el-form-item label="使用权起始时间：" prop="syqqssj"> 109 <el-form-item label="使用权起始时间：" prop="syqqssj">
109 <el-date-picker disabled v-model="ruleForm.syqqssj" type="datetime" placeholder="选择起始时间" value-format="yyyy-MM-dd"> 110 <el-date-picker disabled v-model="ruleForm.syqqssj" type="datetime" placeholder="选择起始时间"
111 value-format="yyyy-MM-dd">
110 </el-date-picker> 112 </el-date-picker>
111 </el-form-item> 113 </el-form-item>
112 </el-col> 114 </el-col>
113 <el-col :span="8"> 115 <el-col :span="8">
114 <el-form-item label="使用权结束时间：" prop="syqjssj"> 116 <el-form-item label="使用权结束时间：" prop="syqjssj">
115 <el-date-picker disabled v-model="ruleForm.syqjssj" type="datetime" placeholder="选择结束时间" value-format="yyyy-MM-dd"> 117 <el-date-picker disabled v-model="ruleForm.syqjssj" type="datetime" placeholder="选择结束时间"
118 value-format="yyyy-MM-dd">
116 </el-date-picker> 119 </el-date-picker>
117 </el-form-item> 120 </el-form-item>
118 </el-col> 121 </el-col>
119 <el-col :span="8"> 122 <el-col :span="8">
120 <el-form-item label="使用期限：" prop="syqx"> 123 <el-form-item label="使用期限：" prop="syqx">
121 <el-date-picker disabled v-model="ruleForm.syqx" type="datetime" placeholder="选择使用期限" value-format="yyyy-MM-dd"> 124 <el-date-picker disabled v-model="ruleForm.syqx" type="datetime" placeholder="选择使用期限"
125 value-format="yyyy-MM-dd">
122 </el-date-picker> 126 </el-date-picker>
123 </el-form-item> 127 </el-form-item>
124 </el-col> 128 </el-col>
...@@ -182,7 +186,6 @@ export default { ...@@ -182,7 +186,6 @@ export default {
182 data () { 186 data () {
183 return { 187 return {
184 disabled: true, 188 disabled: true,
185 flag: this.flag,
186 flagTop: this.flag ? 'top' : '', 189 flagTop: this.flag ? 'top' : '',
187 qllxOption: [], 190 qllxOption: [],
188 djlxOption: [], 191 djlxOption: [],
...@@ -220,13 +223,13 @@ export default { ...@@ -220,13 +223,13 @@ export default {
220 }; 223 };
221 }, 224 },
222 methods: { 225 methods: {
223 list(bsmSldy){ 226 list (bsmSldy) {
224 var formdata=new FormData(); 227 var formdata = new FormData();
225 //可以通过append()方法来追加数据 228 //可以通过append()方法来追加数据
226 formdata.append("bsmSldy",bsmSldy); 229 formdata.append("bsmSldy", bsmSldy);
227 Init(formdata).then(res => { 230 Init(formdata).then(res => {
228 if (res.code === 200) { 231 if (res.code === 200) {
229 console.log(res,1111) 232 console.log(res, 1111)
230 233
231 this.ruleForm = res.result 234 this.ruleForm = res.result
232 } 235 }
......
1 <!--
2 功能：审批意见
3 作者：calliope
4 -->
5 <template>
6 <div class='spyj'>
7 <b class="spyj_title">审批表</b>
8 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
9 <div class="spyj_form">
10 <div class="item_left">
11 初审意见
12 </div>
13 <div class="item_right">
14 <el-row>
15 <el-col :span="24">
16 <el-form-item label-width="0" class="opinion_item" prop="csyj">
17 <el-input type="textarea" :rows="4" class="opinion" placeholder="请输入内容" v-model="ruleForm.csyj">
18 </el-input>
19 <el-popover placement="right" width="50" trigger="hover">
20 <ul class="pointer">
21 <li @click="handleClick">复审</li>
22 <li>初审意见</li>
23 </ul>
24 <el-button class="opinion_btn" slot="reference">常用意见</el-button>
25 </el-popover>
26 </el-form-item>
27 </el-col>
28 </el-row>
29
30 <el-row>
31 <el-col :span="8">
32 <el-form-item label="审查人" prop="scr">
33 {{ ruleForm.scr }}
34 </el-form-item>
35 </el-col>
36 <el-col :span="8">
37 <el-form-item label="审核开始时间" prop="shkssj">
38 {{ ruleForm.shkssj }}
39 </el-form-item>
40 </el-col>
41 <el-col :span="8">
42 <el-form-item label="审核结束时间" prop="shjssj">
43 {{ ruleForm.shjssj }}
44 </el-form-item>
45 </el-col>
46 </el-row>
47 </div>
48 </div>
49 <div class="spyj_form">
50 <div class="item_left">
51 复审意见
52 </div>
53 <div class="item_right">
54 <el-row>
55 <el-col :span="24">
56 <el-form-item label-width="0" class="opinion_item" prop="csyj">
57 <el-input type="textarea" :rows="4" class="opinion" placeholder="请输入内容" v-model="ruleForm.csyj">
58 </el-input>
59 <el-popover placement="right" width="50" trigger="hover">
60 <ul class="pointer">
61 <li @click="handleClick">复审</li>
62 <li>初审意见</li>
63 </ul>
64 <el-button class="opinion_btn" slot="reference">常用意见</el-button>
65 </el-popover>
66 </el-form-item>
67 </el-col>
68 </el-row>
69
70 <el-row>
71 <el-col :span="8">
72 <el-form-item label="审查人" prop="scr">
73 {{ ruleForm.scr }}
74 </el-form-item>
75 </el-col>
76 <el-col :span="8">
77 <el-form-item label="审核开始时间" prop="shkssj">
78 {{ ruleForm.shkssj }}
79 </el-form-item>
80 </el-col>
81 <el-col :span="8">
82 <el-form-item label="审核结束时间" prop="shjssj">
83 {{ ruleForm.shjssj }}
84 </el-form-item>
85 </el-col>
86 </el-row>
87 </div>
88 </div>
89 <div class="spyj_form">
90 <div class="item_left">
91 核定意见
92 </div>
93 <div class="item_right">
94 <el-row>
95 <el-col :span="24">
96 <el-form-item label-width="0" class="opinion_item" prop="csyj">
97 <el-input type="textarea" :rows="4" class="opinion" placeholder="请输入内容" v-model="ruleForm.csyj">
98 </el-input>
99 <el-popover placement="right" width="50" trigger="hover">
100 <ul class="pointer">
101 <li @click="handleClick">复审</li>
102 <li>初审意见</li>
103 </ul>
104 <el-button class="opinion_btn" slot="reference">常用意见</el-button>
105 </el-popover>
106 </el-form-item>
107 </el-col>
108 </el-row>
109
110 <el-row>
111 <el-col :span="8">
112 <el-form-item label="审查人" prop="scr">
113 {{ ruleForm.scr }}
114 </el-form-item>
115 </el-col>
116 <el-col :span="8">
117 <el-form-item label="审核开始时间" prop="shkssj">
118 {{ ruleForm.shkssj }}
119 </el-form-item>
120 </el-col>
121 <el-col :span="8">
122 <el-form-item label="审核结束时间" prop="shjssj">
123 {{ ruleForm.shjssj }}
124 </el-form-item>
125 </el-col>
126 </el-row>
127 </div>
128 </div>
129 <div class="submit_button">
130 <el-button type="primary">保存</el-button>
131 </div>
132 </el-form>
133 </div>
134 </template>
135 <script>
136
137 export default {
138 components: {},
139 data () {
140 return {
141 ruleForm: {
142 csyj: '',
143 scr: '',
144 },
145 rules: {
146 csyj: [
147 { required: true, message: '请输入审批意见', trigger: 'blur' }
148 ],
149 }
150 }
151 },
152 methods: {
153 handleClick () {
154 console.log(1)
155 }
156 },
157 }
158 </script>
159 <style scoped lang='scss'>
160 @import '~@/styles/mixin.scss';
161
162 .spyj {
163 margin-left: 5px;
164
165 .spyj_title {
166 text-align: center;
167 font-size: 24px;
168 display: block;
169 margin-bottom: 10px;
170 }
171
172 /deep/.el-form-item {
173 margin-bottom: 0;
174 }
175
176 .bottom10 {
177 margin-bottom: 15px;
178 }
179
180 .spyj_form {
181 display: flex;
182 border: 1px solid $borderColor;
183
184 .item_left {
185 width: 150px;
186 background-color: #F8F8FA;
187 color: #606266;
188 @include flex-center;
189 border-right: 1px solid $borderColor;
190 }
191
192 .item_right {
193 flex: 1;
194 width: 100%;
195
196 /deep/.el-form-item__label {
197 background-color: #F8F8FA;
198 }
199
200 .opinion_item {
201 /deep/.el-form-item__error {
202 margin-top: -16px !important;
203 left: 3px;
204 }
205
206 border-bottom: 1px solid $borderColor;
207 }
208
209 .opinion {
210 position: relative;
211
212 /deep/.el-textarea__inner {
213 border: none;
214 }
215 }
216
217 .opinion_btn {
218 position: absolute;
219 right: 15px;
220 bottom: 10px;
221 }
222 }
223 }
224
225 .submit_button {
226 text-align: center;
227 margin: 15px 0;
228 }
229 }
230 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -5,32 +5,30 @@ ...@@ -5,32 +5,30 @@
5 <li @click="operation(index, item)" v-for="(item, index) in headerleftList.slice(0, headerleftList.length - 4)" 5 <li @click="operation(index, item)" v-for="(item, index) in headerleftList.slice(0, headerleftList.length - 4)"
6 :key="index"> 6 :key="index">
7 <svg-icon :icon-class="item.icon" /> 7 <svg-icon :icon-class="item.icon" />
8 <span class="iconName">{{ item.name }}</span> 8 <span class="iconName">{{ item.name }}</span>
9 </li> 9 </li>
10 </ul> 10 </ul>
11 <ul> 11 <ul>
12 <li @click="operation(index, item)" v-for="(item, index) in headerleftList.slice(-4)" :key="index"> 12 <li @click="operation(index, item)" v-for="(item, index) in headerleftList.slice(-4)" :key="index">
13 <svg-icon class="icon" :icon-class="item.icon" /> 13 <svg-icon class="icon" :icon-class="item.icon" />
14 <span class="iconName">{{ item.name }}</span> 14 <span class="iconName">{{ item.name }}</span>
15 </li> 15 </li>
16 </ul> 16 </ul>
17 </div> 17 </div>
18 <div class="tabsList"> 18 <div class="tabsList">
19 <div class="tabsList-left" > 19 <div class="tabsList-left">
20 <div class="map-drawer-click" 20 <div class="map-drawer-click" v-if='!isShowdrawer' @click="() => {
21 v-if='!isShowdrawer' 21 this.isShowdrawer = !this.isShowdrawer;
22 @click=" () => { 22 }">
23 this.isShowdrawer = !this.isShowdrawer;}"> 23 </div>
24 </div> 24 <div class="map-drawer-expand" v-else @click="() => {
25 <div class="map-drawer-expand" 25 this.isShowdrawer = !this.isShowdrawer;
26 v-else 26 }">
27 @click=" () => { 27 </div>
28 this.isShowdrawer = !this.isShowdrawer;}">
29 </div>
30 <ul v-if='this.isShowdrawer'> 28 <ul v-if='this.isShowdrawer'>
31 <p>受理单元列表({{unitData.length}})</p> 29 <p>受理单元列表({{ unitData.length }})</p>
32 <div v-for='(item,index) in unitData' :key='index'> 30 <div v-for='(item, index) in unitData' :key='index'>
33 <li @click='unitClick(item)'>{{item.bdcdyh}}</li> 31 <li @click='unitClick(item)'>{{ item.bdcdyh }}</li>
34 <div class="xian"></div> 32 <div class="xian"></div>
35 </div> 33 </div>
36 </ul> 34 </ul>
...@@ -43,8 +41,9 @@ ...@@ -43,8 +41,9 @@
43 <el-tabs v-model="activeName"> 41 <el-tabs v-model="activeName">
44 <el-tab-pane :label="item.name" :name="index + 1 + ''" v-for="(item, index) in tabList" :key="index"> 42 <el-tab-pane :label="item.name" :name="index + 1 + ''" v-for="(item, index) in tabList" :key="index">
45 <div class="splitScreen-con" v-if='index == 0'> 43 <div class="splitScreen-con" v-if='index == 0'>
46 <component ref='slxx' :is="editItem" :flag="flag" :key="key" /> 44 <component :is="editItem" :flag="flag" :key="key" />
47 </div> 45 </div>
46 <component :is="editItem" v-else :key="key" />
48 </el-tab-pane> 47 </el-tab-pane>
49 </el-tabs> 48 </el-tabs>
50 </div> 49 </div>
...@@ -62,11 +61,11 @@ export default { ...@@ -62,11 +61,11 @@ export default {
62 components: { zc, thDialog }, 61 components: { zc, thDialog },
63 data () { 62 data () {
64 return { 63 return {
65 zcDialog:false, 64 zcDialog: false,
66 thflag:false, 65 thflag: false,
67 queryForm:{ 66 queryForm: {
68 bsmSlsq:"", 67 bsmSlsq: "",
69 bestepid:"", 68 bestepid: "",
70 }, 69 },
71 isShowdrawer: true, 70 isShowdrawer: true,
72 key: 0, 71 key: 0,
...@@ -139,14 +138,15 @@ export default { ...@@ -139,14 +138,15 @@ export default {
139 editItem: '', 138 editItem: '',
140 issplitScreen: false, 139 issplitScreen: false,
141 unitData: [], 140 unitData: [],
142 taskId:"", 141 taskId: "",
143 bsmBusiness:"", 142 bsmBusiness: "",
144 }; 143 };
145 }, 144 },
146 watch: { 145 watch: {
147 activeName: { 146 activeName: {
148 handler (newName, oldName) { 147 handler (newName, oldName) {
149 let itemObj = { '1': 'slxx', '2': 'clxx' } 148 console.log(newName, 'newName');
149 let itemObj = { '1': 'slxx', '2': 'clxx', '3': 'spyj' }
150 this.editItem = this.loadView(itemObj[newName]) 150 this.editItem = this.loadView(itemObj[newName])
151 }, 151 },
152 immediate: true 152 immediate: true
......