Skip to content

bdc / bdcdj-web

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

style:高拍仪

1 parent f19ed400
Inline Side-by-side
Showing 5 changed files with 304 additions and 314 deletions
...@@ -134,7 +134,25 @@ export function getUrlParam (paraName) { ...@@ -134,7 +134,25 @@ export function getUrlParam (paraName) {
134 return ''; 134 return '';
135 } 135 }
136 } 136 }
137 137 /**
138 * @description: 身份证读卡器组件
139 * @author: renchao
140 */
138 export function getIdCardInfo () { 141 export function getIdCardInfo () {
139 return axios.post(Vue.prototype.BASE_API.IDCARDURL) 142 return axios.post(Vue.prototype.BASE_API.IDCARDURL)
143 }
144 /**
145 * @description: 高拍仪组件
146 * @author: renchao
147 */
148 export function getAltimeterInfo () {
149 let data = {
150 "filepath": "base64",
151 "rotate": "0",
152 "cutpage": "0",
153 "camidx": "0",
154 "ColorMode": "0",
155 "quality": "3"
156 }
157 return axios.post("http://127.0.0.1:38088/video=grabimage", JSON.stringify(data))
140 } 158 }
...\ No newline at end of file ...\ No newline at end of file
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-14 11:10:26 4 * @LastEditTime: 2023-06-16 11:12:13
5 --> 5 -->
6 <template> 6 <template>
7 <div class="rlPopup"> 7 <div class="rlPopup">
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
46 </div> 46 </div>
47 </template> 47 </template>
48 <script> 48 <script>
49 import axios from 'axios' 49 import { getAltimeterInfo } from '@/utils/operation.js'
50 import PhotoZoom from '@/components/PhotoZoom' 50 import PhotoZoom from '@/components/PhotoZoom'
51 import { uploadSjClmx, deleteClmx } from "@/api/clxx.js"; 51 import { uploadSjClmx, deleteClmx } from "@/api/clxx.js";
52 import publicPicture from '@/components/publicPicture/index.vue' 52 import publicPicture from '@/components/publicPicture/index.vue'
...@@ -149,20 +149,11 @@ ...@@ -149,20 +149,11 @@
149 const file = new File([blob], options); 149 const file = new File([blob], options);
150 return file; 150 return file;
151 } 151 }
152 152 getAltimeterInfo().then(res => {
153 let data = {
154 "filepath": "base64",
155 "rotate": "0",
156 "cutpage": "0",
157 "camidx": "0",
158 "ColorMode": "0",
159 "quality": "3"
160 }
161 axios.post("http://127.0.0.1:38088/video=grabimage", JSON.stringify(data)).then((res) => {
162 let blob = dataURLtoBlob('data:image/png;base64,' + res.data.photoBase64); 153 let blob = dataURLtoBlob('data:image/png;base64,' + res.data.photoBase64);
163 let file = blobToFile(blob); 154 let file = blobToFile(blob);
164 var formData = new FormData(); 155 var formData = new FormData();
165 formData.append('file', file.raw) 156 formData.append('file', file)
166 formData.append("bsmSj", this.previewImg.bsmSj); 157 formData.append("bsmSj", this.previewImg.bsmSj);
167 formData.append("bsmSlsq", this.previewImg.bsmSlsq); 158 formData.append("bsmSlsq", this.previewImg.bsmSlsq);
168 uploadSjClmx(formData).then((res) => { 159 uploadSjClmx(formData).then((res) => {
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
24 </div> 24 </div>
25 <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button> 25 <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button>
26 </div> 26 </div>
27 <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview" 27 <image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview"
28 @prevPriview="prevPriview" /> 28 @prevPriview="prevPriview" />
29 </div> 29 </div>
30 </div> 30 </div>
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
39 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; 39 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
40 import { popupDialog } from "@/utils/popup.js"; 40 import { popupDialog } from "@/utils/popup.js";
41 export default { 41 export default {
42 components: { clxxAddDialog, imagePreview}, 42 components: { clxxAddDialog, imagePreview },
43 data () { 43 data () {
44 return { 44 return {
45 isDialog: false, 45 isDialog: false,
......
...@@ -5,13 +5,11 @@ ...@@ -5,13 +5,11 @@
5 <el-tab-pane 5 <el-tab-pane
6 :disabled="isshow" 6 :disabled="isshow"
7 label="审批意见" 7 label="审批意见"
8 name="spyj" 8 name="spyj"></el-tab-pane>
9 ></el-tab-pane>
10 <el-tab-pane 9 <el-tab-pane
11 :disabled="isshow" 10 :disabled="isshow"
12 label="材料信息" 11 label="材料信息"
13 name="clxx" 12 name="clxx"></el-tab-pane>
14 ></el-tab-pane>
15 </el-tabs> 13 </el-tabs>
16 <div v-if="activeName == 'slxx'"> 14 <div v-if="activeName == 'slxx'">
17 <div class="from-clues-header"> 15 <div class="from-clues-header">
...@@ -24,8 +22,7 @@ ...@@ -24,8 +22,7 @@
24 v-for="item in qsztList" 22 v-for="item in qsztList"
25 :key="item.value" 23 :key="item.value"
26 :label="item.label" 24 :label="item.label"
27 :value="item.value" 25 :value="item.value">
28 >
29 </el-option> 26 </el-option>
30 </el-select> 27 </el-select>
31 </el-form-item> 28 </el-form-item>
...@@ -34,17 +31,16 @@ ...@@ -34,17 +31,16 @@
34 <el-form-item 31 <el-form-item
35 :prop="item.prop" 32 :prop="item.prop"
36 :label="item.label" 33 :label="item.label"
37 label-width="140px" 34 label-width="140px">
38 >
39 <el-input v-model="form[item.prop]"></el-input> 35 <el-input v-model="form[item.prop]"></el-input>
40 </el-form-item> 36 </el-form-item>
41 </el-col> 37 </el-col>
42 </el-row> 38 </el-row>
43 </el-form> 39 </el-form>
44 <div class="btn"> 40 <div class="btn">
45 <el-button type="primary" @click="slxxsubmitForm">保存</el-button> 41 <el-button type="primary" @click="slxxsubmitForm">保存</el-button>
46 <el-button @click="closeDialog">取消</el-button> 42 <el-button @click="closeDialog">取消</el-button>
47 </div> 43 </div>
48 </div> 44 </div>
49 </div> 45 </div>
50 <div v-if="activeName == 'spyj'"> 46 <div v-if="activeName == 'spyj'">
...@@ -55,8 +51,7 @@ ...@@ -55,8 +51,7 @@
55 :model="ruleForm" 51 :model="ruleForm"
56 :rules="rules" 52 :rules="rules"
57 ref="ruleForm" 53 ref="ruleForm"
58 label-width="120px" 54 label-width="120px">
59 >
60 <div class="spyj_form"> 55 <div class="spyj_form">
61 <div class="item_left">初审意见</div> 56 <div class="item_left">初审意见</div>
62 <div class="item_right"> 57 <div class="item_right">
...@@ -65,15 +60,13 @@ ...@@ -65,15 +60,13 @@
65 <el-form-item 60 <el-form-item
66 label-width="0" 61 label-width="0"
67 class="opinion_item" 62 class="opinion_item"
68 prop="shyj" 63 prop="shyj">
69 >
70 <el-input 64 <el-input
71 type="textarea" 65 type="textarea"
72 :rows="4" 66 :rows="4"
73 class="opinion" 67 class="opinion"
74 placeholder="请输入审批意见" 68 placeholder="请输入审批意见"
75 v-model="ruleForm.shyj" 69 v-model="ruleForm.shyj"></el-input>
76 ></el-input>
77 </el-form-item> 70 </el-form-item>
78 </el-col> 71 </el-col>
79 </el-row> 72 </el-row>
...@@ -82,8 +75,7 @@ ...@@ -82,8 +75,7 @@
82 <el-form-item 75 <el-form-item
83 prop="shryxm" 76 prop="shryxm"
84 label="审查人" 77 label="审查人"
85 label-width="90px" 78 label-width="90px">
86 >
87 <el-input v-model="ruleForm.shr"></el-input> 79 <el-input v-model="ruleForm.shr"></el-input>
88 </el-form-item> 80 </el-form-item>
89 </el-col> 81 </el-col>
...@@ -91,8 +83,7 @@ ...@@ -91,8 +83,7 @@
91 <el-form-item 83 <el-form-item
92 label="审核时间" 84 label="审核时间"
93 prop="shjssj" 85 prop="shjssj"
94 label-width="90px" 86 label-width="90px">
95 >
96 <el-input v-model="ruleForm.shsj"></el-input> 87 <el-input v-model="ruleForm.shsj"></el-input>
97 </el-form-item> 88 </el-form-item>
98 </el-col> 89 </el-col>
...@@ -104,8 +95,7 @@ ...@@ -104,8 +95,7 @@
104 :model="ruleForm" 95 :model="ruleForm"
105 :rules="rules" 96 :rules="rules"
106 ref="ruleForm" 97 ref="ruleForm"
107 label-width="120px" 98 label-width="120px">
108 >
109 <div class="spyj_form"> 99 <div class="spyj_form">
110 <div class="item_left">复审意见</div> 100 <div class="item_left">复审意见</div>
111 <div class="item_right"> 101 <div class="item_right">
...@@ -114,15 +104,13 @@ ...@@ -114,15 +104,13 @@
114 <el-form-item 104 <el-form-item
115 label-width="0" 105 label-width="0"
116 class="opinion_item" 106 class="opinion_item"
117 prop="shyj" 107 prop="shyj">
118 >
119 <el-input 108 <el-input
120 type="textarea" 109 type="textarea"
121 :rows="4" 110 :rows="4"
122 class="opinion" 111 class="opinion"
123 placeholder="请输入审批意见" 112 placeholder="请输入审批意见"
124 v-model="ruleForm.shyj" 113 v-model="ruleForm.shyj"></el-input>
125 ></el-input>
126 </el-form-item> 114 </el-form-item>
127 </el-col> 115 </el-col>
128 </el-row> 116 </el-row>
...@@ -131,8 +119,7 @@ ...@@ -131,8 +119,7 @@
131 <el-form-item 119 <el-form-item
132 prop="shryxm" 120 prop="shryxm"
133 label="审查人" 121 label="审查人"
134 label-width="90px" 122 label-width="90px">
135 >
136 <el-input v-model="ruleForm.shr"></el-input> 123 <el-input v-model="ruleForm.shr"></el-input>
137 </el-form-item> 124 </el-form-item>
138 </el-col> 125 </el-col>
...@@ -140,8 +127,7 @@ ...@@ -140,8 +127,7 @@
140 <el-form-item 127 <el-form-item
141 label="审核时间" 128 label="审核时间"
142 prop="shjssj" 129 prop="shjssj"
143 label-width="90px" 130 label-width="90px">
144 >
145 <el-input v-model="ruleForm.shsj"></el-input> 131 <el-input v-model="ruleForm.shsj"></el-input>
146 </el-form-item> 132 </el-form-item>
147 </el-col> 133 </el-col>
...@@ -153,8 +139,7 @@ ...@@ -153,8 +139,7 @@
153 :model="ruleForm" 139 :model="ruleForm"
154 :rules="rules" 140 :rules="rules"
155 ref="ruleForm" 141 ref="ruleForm"
156 label-width="120px" 142 label-width="120px">
157 >
158 <div class="spyj_form"> 143 <div class="spyj_form">
159 <div class="item_left">核定意见</div> 144 <div class="item_left">核定意见</div>
160 <div class="item_right"> 145 <div class="item_right">
...@@ -163,15 +148,13 @@ ...@@ -163,15 +148,13 @@
163 <el-form-item 148 <el-form-item
164 label-width="0" 149 label-width="0"
165 class="opinion_item" 150 class="opinion_item"
166 prop="shyj" 151 prop="shyj">
167 >
168 <el-input 152 <el-input
169 type="textarea" 153 type="textarea"
170 :rows="4" 154 :rows="4"
171 class="opinion" 155 class="opinion"
172 placeholder="请输入审批意见" 156 placeholder="请输入审批意见"
173 v-model="ruleForm.shyj" 157 v-model="ruleForm.shyj"></el-input>
174 ></el-input>
175 </el-form-item> 158 </el-form-item>
176 </el-col> 159 </el-col>
177 </el-row> 160 </el-row>
...@@ -180,8 +163,7 @@ ...@@ -180,8 +163,7 @@
180 <el-form-item 163 <el-form-item
181 prop="shryxm" 164 prop="shryxm"
182 label="审查人" 165 label="审查人"
183 label-width="90px" 166 label-width="90px">
184 >
185 <el-input v-model="ruleForm.shr"></el-input> 167 <el-input v-model="ruleForm.shr"></el-input>
186 </el-form-item> 168 </el-form-item>
187 </el-col> 169 </el-col>
...@@ -189,8 +171,7 @@ ...@@ -189,8 +171,7 @@
189 <el-form-item 171 <el-form-item
190 label="审核时间" 172 label="审核时间"
191 prop="shjssj" 173 prop="shjssj"
192 label-width="90px" 174 label-width="90px">
193 >
194 <el-input v-model="ruleForm.shsj"></el-input> 175 <el-input v-model="ruleForm.shsj"></el-input>
195 </el-form-item> 176 </el-form-item>
196 </el-col> 177 </el-col>
...@@ -199,197 +180,197 @@ ...@@ -199,197 +180,197 @@
199 </div> 180 </div>
200 </el-form> 181 </el-form>
201 182
202 </div> 183 </div>
203 <div class="btn"> 184 <div class="btn">
204 <el-button type="primary" @click="spyjsubmitForm">保存</el-button> 185 <el-button type="primary" @click="spyjsubmitForm">保存</el-button>
205 <el-button @click="closeDialog">取消</el-button> 186 <el-button @click="closeDialog">取消</el-button>
206 </div> 187 </div>
207 </div> 188 </div>
208 </div> 189 </div>
209 <div v-if="activeName == 'clxx'"> 190 <div v-if="activeName == 'clxx'">
210 <div class="from-clues-header"> 191 <div class="from-clues-header">
211 <div class="clxx"> 192 <div class="clxx">
212 <div class="right"> 193 <div class="right">
213 <!-- 材料预览 --> 194 <!-- 材料预览 -->
214 <div class="clyl-box"> 195 <div class="clyl-box">
215 <div class="menu-tree"> 196 <div class="menu-tree">
216 <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button> 197 <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button>
217 <div class="item"> 198 <div class="item">
218 材料目录({{tableData.length}}) 199 材料目录({{tableData.length}})
219 <div style="margin-top:10px"> 200 <div style="margin-top:10px">
220 <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div> 201 <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div>
221 <div v-for="(item,index) in tableData" :key="item.bsmSj" 202 <div v-for="(item,index) in tableData" :key="item.bsmSj"
222 :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)"> 203 :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)">
223 <span v-if="item.isrequired==1" class="required">必选</span> 204 <span v-if="item.isrequired==1" class="required">必选</span>
224 {{ item.sjmc }} 205 {{ item.sjmc }}
225 <span class="cl_number">({{item.children ? item.children.length : 0}})</span> 206 <span class="cl_number">({{item.children ? item.children.length : 0}})</span>
226 </div>
227 </div>
228 </div> 207 </div>
229 <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()">新增</el-button>
230 </div> 208 </div>
231 <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview"
232 @prevPriview="prevPriview" />
233 </div> 209 </div>
210 <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()">新增</el-button>
234 </div> 211 </div>
235 <clxxAddDialog v-model="isDialog" /> 212 <image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview"
236 </div> 213 @prevPriview="prevPriview" />
237 <div class="btn"> 214 </div>
238 <el-button type="primary" @click="clxxsubmitForm">保存</el-button> 215 </div>
239 <el-button @click="closeDialog">取消</el-button> 216 <clxxAddDialog v-model="isDialog" />
240 </div> 217 </div>
218 <div class="btn">
219 <el-button type="primary" @click="clxxsubmitForm">保存</el-button>
220 <el-button @click="closeDialog">取消</el-button>
221 </div>
241 222
242 </div> 223 </div>
243 </div> 224 </div>
244 </div> 225 </div>
245 </template> 226 </template>
246 <script> 227 <script>
247 import { mapGetters } from "vuex"; 228 import { mapGetters } from "vuex";
248 import clxxAddDialog from "./tabsconcent/clxxAddDialog.vue"; 229 import clxxAddDialog from "./tabsconcent/clxxAddDialog.vue";
249 import imagePreview from '@/views/components/imagePreview.vue' 230 import imagePreview from '@/views/components/imagePreview.vue'
250 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; 231 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
251 export default { 232 export default {
252 components: { clxxAddDialog, imagePreview }, 233 components: { clxxAddDialog, imagePreview },
253 props: { 234 props: {
254 formData: { 235 formData: {
255 type: Object, 236 type: Object,
256 default: () => {}, 237 default: () => { },
238 },
257 }, 239 },
258 }, 240 data () {
259 data() { 241 return {
260 return { 242 activeName: "slxx",
261 activeName: "slxx", 243 form: {},
262 form: {}, 244 datalist: [],
263 datalist: [], 245 qsztList: [
264 qsztList: [ 246 {
265 { 247 value: "1",
266 value: "1", 248 label: "现势",
267 label: "现势", 249 },
250 {
251 value: "2",
252 label: "历史",
253 },
254 ],
255 label: "",
256 isshow: true,
257
258 // 审批
259 bsmSlsq: "",
260 //刷新值
261 bestepid: "",
262 ruleForm: {},
263 rules: {
264 shyj: [{ required: true, message: "请输入审批意见", trigger: "blur" }],
268 }, 265 },
269 {
270 value: "2",
271 label: "历史",
272 },
273 ],
274 label: "",
275 isshow: true,
276
277 // 审批
278 bsmSlsq: "",
279 //刷新值
280 bestepid: "",
281 ruleForm: {},
282 rules: {
283 shyj: [{ required: true, message: "请输入审批意见", trigger: "blur" }],
284 },
285 266
286 // 材料 267 // 材料
287 isDialog: false, 268 isDialog: false,
288 iclass: "", 269 iclass: "",
289 tableData: [], 270 tableData: [],
290 // 材料目录选中 271 // 材料目录选中
291 treeCheckIndex: 0, 272 treeCheckIndex: 0,
292 treeCheckId: "", 273 treeCheckId: "",
293 key: 0, 274 key: 0,
294 tableDatas: [], 275 tableDatas: [],
295 previewImg: { 276 previewImg: {
296 // 收件标识码 277 // 收件标识码
297 bsmSj: "", 278 bsmSj: "",
298 bsmSlsq: this.$parent.bsmSlsq, 279 bsmSlsq: this.$parent.bsmSlsq,
299 index: 0, 280 index: 0,
300 selectedIndex: 0, 281 selectedIndex: 0,
301 imgList: [], 282 imgList: [],
302 }, 283 },
303 }; 284 };
304 }, 285 },
305 computed: { 286 computed: {
306 ...mapGetters(["dictData"]) 287 ...mapGetters(["dictData"])
307 }, 288 },
308 created () { 289 created () {
309 this.clmlInitList(1) 290 this.clmlInitList(1)
310 }, 291 },
311 mounted() { 292 mounted () {
312 if (this.formData.data) { 293 if (this.formData.data) {
313 this.$nextTick(() => { 294 this.$nextTick(() => {
314 this.form = Object.assign({}, this.formData.data); 295 this.form = Object.assign({}, this.formData.data);
315 // this.datalist = Object.assign([], this.formData.datalist) 296 // this.datalist = Object.assign([], this.formData.datalist)
316 this.form.qszt = 297 this.form.qszt =
317 this.form.qszt == "0" 298 this.form.qszt == "0"
318 ? "临时" 299 ? "临时"
319 : this.form.qszt == "1" 300 : this.form.qszt == "1"
320 ? "现势" 301 ? "现势"
321 : "历史"; 302 : "历史";
322 }); 303 });
323 } 304 }
324 305
325 // this.datalist = this.formData.datalist 306 // this.datalist = this.formData.datalist
326 this.datalist = JSON.parse(JSON.stringify(this.formData.datalist)); 307 this.datalist = JSON.parse(JSON.stringify(this.formData.datalist));
327 this.datalist.shift(); 308 this.datalist.shift();
328 this.datalist.shift(); 309 this.datalist.shift();
329 },
330
331 methods: {
332 // 受理信息保存
333 slxxsubmitForm() {
334 this.$refs.form.validate((valid) => {
335 if (valid) {
336 // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => {
337 // if (res.code == 200) {
338 // this.$message.success("新增成功")
339 // this.closeaddDiglog();
340 // this.getList()
341 // } else {
342 // this.$message.error(res.message)
343 // }
344 // })
345 } else {
346 return false;
347 }
348 });
349 this.isshow = false;
350 },
351 // 审批意见保存
352 spyjsubmitForm() {
353 console.log("this.ruleForm",this.ruleForm);
354 // this.ruleForm.bsmSlsq = this.bsmSlsq
355 // this.ruleForm.bestepid = this.bestepid
356 // saveSpyjBySlsq(this.ruleForm).then(res => {
357 // if (res.code === 200) {
358 // this.$message.success("保存成功")
359 // this.refresh += 1
360 // } else {
361 // this.$message.error(res.message)
362 // }
363 // })
364 }, 310 },
365 311
366 // 材料信息保存 312 methods: {
367 clxxsubmitForm() {}, 313 // 受理信息保存
368 closeDialog() { 314 slxxsubmitForm () {
369 this.$alert("取消后填写内容将被清空", "提示", { 315 this.$refs.form.validate((valid) => {
370 confirmButtonText: "确定", 316 if (valid) {
371 callback: (action) => { 317 // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => {
372 this.$message({ 318 // if (res.code == 200) {
373 type: "info", 319 // this.$message.success("新增成功")
374 message: "已取消", 320 // this.closeaddDiglog();
375 }); 321 // this.getList()
376 this.$popupCacel(); 322 // } else {
377 this.$refs["form"].resetFields(); 323 // this.$message.error(res.message)
378 }, 324 // }
379 }); 325 // })
326 } else {
327 return false;
328 }
329 });
330 this.isshow = false;
331 },
332 // 审批意见保存
333 spyjsubmitForm () {
334 console.log("this.ruleForm", this.ruleForm);
335 // this.ruleForm.bsmSlsq = this.bsmSlsq
336 // this.ruleForm.bestepid = this.bestepid
337 // saveSpyjBySlsq(this.ruleForm).then(res => {
338 // if (res.code === 200) {
339 // this.$message.success("保存成功")
340 // this.refresh += 1
341 // } else {
342 // this.$message.error(res.message)
343 // }
344 // })
345 },
380 346
381 // this.resetTableFields(); 347 // 材料信息保存
382 }, 348 clxxsubmitForm () { },
383 handleTabClick() {}, 349 closeDialog () {
350 this.$alert("取消后填写内容将被清空", "提示", {
351 confirmButtonText: "确定",
352 callback: (action) => {
353 this.$message({
354 type: "info",
355 message: "已取消",
356 });
357 this.$popupCacel();
358 this.$refs["form"].resetFields();
359 },
360 });
384 361
385 //使用常用意见 362 // this.resetTableFields();
386 useOpinion(opinion) { 363 },
387 this.ruleForm.shyj = opinion; 364 handleTabClick () { },
388 }, 365
366 //使用常用意见
367 useOpinion (opinion) {
368 this.ruleForm.shyj = opinion;
369 },
389 370
390 371
391 // 材料上传 372 // 材料上传
392 // 自动预览 373 // 自动预览
393 nextPriview () { 374 nextPriview () {
394 if (this.treeCheckIndex < this.tableData.length) { 375 if (this.treeCheckIndex < this.tableData.length) {
395 this.treeCheckIndex++ 376 this.treeCheckIndex++
...@@ -468,7 +449,7 @@ export default { ...@@ -468,7 +449,7 @@ export default {
468 }, 449 },
469 // 添加材料目录 450 // 添加材料目录
470 handleAdd () { 451 handleAdd () {
471 console.log("新增"); 452 console.log("新增");
472 this.isDialog = true; 453 this.isDialog = true;
473 }, 454 },
474 // 新增弹窗保存 455 // 新增弹窗保存
...@@ -532,123 +513,123 @@ export default { ...@@ -532,123 +513,123 @@ export default {
532 this.tableData = tableData; 513 this.tableData = tableData;
533 }) 514 })
534 }, 515 },
535 }, 516 },
536 }; 517 };
537 </script> 518 </script>
538 <style scoped lang="scss"> 519 <style scoped lang="scss">
539 @import "~@/styles/mixin.scss"; 520 @import "~@/styles/mixin.scss";
540 @import "~@/styles/public.scss"; 521 @import "~@/styles/public.scss";
541 522
542 .from-clues-header { 523 .from-clues-header {
543 @include flex; 524 @include flex;
544 flex-direction: column; 525 flex-direction: column;
545 overflow-y: hidden; 526 overflow-y: hidden;
546 padding: 0 2px; 527 padding: 0 2px;
547 528
548 .btn { 529 .btn {
549 margin-top: 40px; 530 margin-top: 40px;
550 margin-bottom: 20px; 531 margin-bottom: 20px;
551 text-align: center; 532 text-align: center;
552 }
553 }
554
555 // 审批意见样式
556
557 .spyj {
558 .box {
559 overflow-x: auto;
560 width: 100%;
561 height: 95%;
562 background: #fff;
563 text-align: center;
564 padding: 4px;
565 overflow-y: scroll;
566 padding-top: 20px;
567 padding: 20px 40px;
568 /deep/.el-input__inner {
569 width: 200px;
570 border:none;
571 } 533 }
572 } 534 }
573 .spyj_title {
574 line-height: 68px;
575 border: 1px solid $borderColor;
576 text-align: center;
577 font-size: 22px;
578 font-weight: 400;
579 background-color: #eceef2;
580 display: block;
581 border-bottom: none;
582 }
583 535
584 /deep/.el-form-item { 536 // 审批意见样式
585 margin-bottom: 0;
586 }
587 537
588 .bottom10 { 538 .spyj {
589 margin-bottom: 15px; 539 .box {
590 } 540 overflow-x: auto;
541 width: 100%;
542 height: 95%;
543 background: #fff;
544 text-align: center;
545 padding: 4px;
546 overflow-y: scroll;
547 padding-top: 20px;
548 padding: 20px 40px;
549 /deep/.el-input__inner {
550 width: 200px;
551 border: none;
552 }
553 }
554 .spyj_title {
555 line-height: 68px;
556 border: 1px solid $borderColor;
557 text-align: center;
558 font-size: 22px;
559 font-weight: 400;
560 background-color: #eceef2;
561 display: block;
562 border-bottom: none;
563 }
591 564
592 .spyj_form { 565 /deep/.el-form-item {
593 display: flex; 566 margin-bottom: 0;
594 border: 1px solid $borderColor; 567 }
595 568
596 .item_left { 569 .bottom10 {
597 width: 150px; 570 margin-bottom: 15px;
598 background-color: #f8f8fa;
599 color: #606266;
600 display: flex;
601 font-size: 14px;
602 text-indent: 80px;
603 align-items: center;
604 border-right: 1px solid $borderColor;
605 } 571 }
606 572
607 .item_right { 573 .spyj_form {
608 flex: 1; 574 display: flex;
609 width: 100%; 575 border: 1px solid $borderColor;
610 576
611 /deep/.el-form-item__label { 577 .item_left {
578 width: 150px;
612 background-color: #f8f8fa; 579 background-color: #f8f8fa;
580 color: #606266;
581 display: flex;
582 font-size: 14px;
583 text-indent: 80px;
584 align-items: center;
585 border-right: 1px solid $borderColor;
613 } 586 }
614 /deep/.el-form-item__content { 587
615 display: block; 588 .item_right {
616 text-align: left; 589 flex: 1;
617 text-indent: 10px; 590 width: 100%;
618 } 591
619 .opinion_item { 592 /deep/.el-form-item__label {
620 /deep/.el-form-item__error { 593 background-color: #f8f8fa;
621 margin-top: -16px !important;
622 left: 3px;
623 } 594 }
595 /deep/.el-form-item__content {
596 display: block;
597 text-align: left;
598 text-indent: 10px;
599 }
600 .opinion_item {
601 /deep/.el-form-item__error {
602 margin-top: -16px !important;
603 left: 3px;
604 }
624 605
625 border-bottom: 1px solid $borderColor; 606 border-bottom: 1px solid $borderColor;
626 } 607 }
627 608
628 .opinion { 609 .opinion {
629 position: relative; 610 position: relative;
630 font-size: 14px; 611 font-size: 14px;
631 612
632 /deep/.el-textarea__inner { 613 /deep/.el-textarea__inner {
633 border: none; 614 border: none;
615 }
634 } 616 }
635 }
636 617
637 .opinion_btn { 618 .opinion_btn {
638 position: absolute; 619 position: absolute;
639 right: 15px; 620 right: 15px;
640 bottom: 10px; 621 bottom: 10px;
622 }
641 } 623 }
642 } 624 }
643 }
644 625
645 .submit_button { 626 .submit_button {
646 text-align: center; 627 text-align: center;
647 margin: 15px 0; 628 margin: 15px 0;
629 }
648 } 630 }
649 }
650 631
651 // 材料信息样式 632 // 材料信息样式
652 .active { 633 .active {
653 background: $light-blue !important; 634 background: $light-blue !important;
654 color: #fff; 635 color: #fff;
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:40:46 4 * @LastEditTime: 2023-06-16 11:12:40
5 --> 5 -->
6 <template> 6 <template>
7 <div class="clxx"> 7 <div class="clxx">
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
33 </div> 33 </div>
34 </div> 34 </div>
35 </div> 35 </div>
36 <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview" 36 <image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview"
37 @prevPriview="prevPriview" /> 37 @prevPriview="prevPriview" />
38 </div> 38 </div>
39 </div> 39 </div>
......