Fedex / iClear-Connect-Pre-Clearance

Go to a project
Toggle navigation Toggle navigation pinning
jinhui.wang
481b22de 1 parent 890bf021

图标增加，样式修改

Inline Side-by-side
Showing 12 changed files with 64 additions and 2415 deletions
...@@ -2,8 +2,7 @@ ...@@ -2,8 +2,7 @@
2 2
3 ```bash 3 ```bash
4 # 克隆项目 4 # 克隆项目
5 -git clone https://gitee.com/y_project/RuoYi-Vue 5 +git clone http://118.178.128.178/Fedex/iClear-Connect-Pre-Clearance.git
6 -
7 # 进入项目目录 6 # 进入项目目录
8 cd IMAC-ui 7 cd IMAC-ui
9 8
...@@ -27,4 +26,4 @@ npm run build:stage ...@@ -27,4 +26,4 @@ npm run build:stage
27 26
28 # 构建生产环境 27 # 构建生产环境
29 npm run build:prod 28 npm run build:prod
30 -```
...\ No newline at end of file ...\ No newline at end of file
29 +```
......
1 +<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2 +<path d="M13 1.08571L7 6.14286L1 1" stroke="#007AB7" stroke-miterlimit="10"/>
3 +<path d="M13 5.37087L7 10.428L1 5.28516" stroke="#007AB7" stroke-miterlimit="10"/>
4 +</svg>
...@@ -2,9 +2,9 @@ ...@@ -2,9 +2,9 @@
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3 <svg class="icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 3 <svg class="icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4 <defs><style type="text/css"></style></defs> 4 <defs><style type="text/css"></style></defs>
5 -<circle cx="16.5" cy="16.4" r="4" stroke-width="2" stroke-linejoin="round"/> 5 +<circle cx="16.5" cy="16.4" r="4" stroke-width="2" stroke-linejoin="round" stroke="currentColor"/>
6 -<path d="M19 19L23 23" stroke-width="2" stroke-linejoin="round"/> 6 +<path d="M19 19L23 23" stroke-width="2" stroke-linejoin="round" stroke="currentColor"/>
7 -<path d="M19 10V5L14 1H9.8H6L1 5V18H10" stroke-width="2" stroke-linejoin="round"/> 7 +<path d="M19 10V5L14 1H9.8H6L1 5V18H10" stroke-width="2" stroke-linejoin="round" stroke="currentColor"/>
8 -<path d="M10 6V1" stroke-width="2" stroke-linejoin="round"/> 8 +<path d="M10 6V1" stroke-width="2" stroke-linejoin="round" stroke="currentColor"/>
9 -<path d="M1 6H19" stroke-width="2" stroke-linejoin="round"/> 9 +<path d="M1 6H19" stroke-width="2" stroke-linejoin="round" stroke="currentColor"/>
10 </svg> 10 </svg>
......
1 +<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2 +<path d="M8.5 1C4.4 1 1 4.4 1 8.5C1 12.6 4.4 16 8.5 16C12.6 16 16 12.6 16 8.5C16 4.4 12.6 1 8.5 1Z" stroke="#007AB7" stroke-miterlimit="10"/>
3 +<path d="M8.5 13.5C9.05228 13.5 9.5 13.0523 9.5 12.5C9.5 11.9477 9.05228 11.5 8.5 11.5C7.94772 11.5 7.5 11.9477 7.5 12.5C7.5 13.0523 7.94772 13.5 8.5 13.5Z" fill="#007AB7"/>
4 +<path d="M6.5 6.5C6.5 5 7.5 4 8.5 4C9.5 4 10.5 4.5 10.5 6C10.5 6.9 10 7.6 9.5 8C8.6 8.7 8.5 8.6 8.5 9.5V10.5" stroke="#007AB7" stroke-miterlimit="10"/>
5 +</svg>
1 +<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
2 +<path d="M13 10.342L7 5.28488L1 10.4277" stroke="#007AB7" stroke-miterlimit="10"/>
3 +<path d="M13 6.05686L7 0.999721L1 6.14258" stroke="#007AB7" stroke-miterlimit="10"/>
4 +</svg>
...@@ -346,6 +346,7 @@ input:disabled { ...@@ -346,6 +346,7 @@ input:disabled {
346 /*标题平移至合适位置*/ 346 /*标题平移至合适位置*/
347 transition: all 0.2s ease; 347 transition: all 0.2s ease;
348 cursor: text; 348 cursor: text;
349 + z-index: 99;
349 } 350 }
350 351
351 .el-form-item__content { 352 .el-form-item__content {
...@@ -1062,4 +1063,47 @@ input:disabled { ...@@ -1062,4 +1063,47 @@ input:disabled {
1062 input::placeholder { 1063 input::placeholder {
1063 color: #409EFF 1064 color: #409EFF
1064 } 1065 }
1066 +}
1067 +
1068 +.el-range-editor {
1069 + width: 100%;
1070 + height: 100%;
1071 +
1072 + .el-range-input {
1073 + padding: 0px;
1074 + }
1075 +
1076 + .el-range-separator {
1077 + line-height: 50px;
1078 + }
1079 +
1080 + input {
1081 + width: 100%;
1082 + height: 100% !important;
1083 + border: none !important;
1084 + background-color: transparent;
1085 + padding-top: 0.775rem;
1086 + // padding-right: 1.15rem;
1087 + padding-left: calc(.6rem + .1875rem);
1088 + font-size: 0.875rem !important;
1089 + }
1090 +
1091 +}
1092 +
1093 +.el-range-editor.el-input__inner {
1094 + padding: 15px 10px 0px 10px;
1095 +}
1096 +
1097 +.el-range-editor {
1098 + .el-range-separator {
1099 + line-height: 35px;
1100 + }
1101 +}
1102 +
1103 +.el-input__inner {
1104 + background-color: transparent !important;
1105 +}
1106 +
1107 +.questionIcon {
1108 + color: $fedexColor;
1065 } 1109 }
...\ No newline at end of file ...\ No newline at end of file
......
1 -<template>
2 - <el-dialog
3 - class="entryDialog systemDialog"
4 - :title="title"
5 - :visible.sync="outerVisible"
6 - :show-close="false"
7 - :close-on-click-modal="false"
8 - v-loading="loadings.editLoading"
9 - width="25%"
10 - @close="close"
11 - ></el-dialog>
12 -</template>
13 -
14 -<script>
15 -export default {
16 - data() {
17 - return {};
18 - },
19 -};
20 -</script>
21 -
22 -<style lang="scss" scoped>
23 -@import "@/assets/styles/variables.scss";
24 -</style>
1 -<template>
2 - <div class="search-wrap">
3 - <div class="search-box">
4 - <el-form
5 - class="fedexFormStyle queryTextarea-box"
6 - ref="sreachForm"
7 - :model="sreachFormData"
8 - label-position="top"
9 - size="small"
10 - :rules="rules"
11 - >
12 - <el-row :gutter="6">
13 - <el-col :span="5">
14 - <Formitem label="提單號碼（支持多個提單號查詢）" prop="deliveryNo">
15 - <el-input
16 - type="textarea"
17 - class="inputShadow-deliveryNo"
18 - name="deliveryNo"
19 - id="inputInner--deliveryNo"
20 - resize="none"
21 - :rows="deliveryNoRows"
22 - v-model="sreachFormData.deliveryNo"
23 - clearable
24 - placeholder=""
25 - @focus="consignmentCodeFocus"
26 - @blur="consignmentCodeBlur"
27 - ></el-input>
28 - <el-badge
29 - v-if="
30 - deliveryNoRows == 1 &&
31 - sreachFormData.deliveryNoList.length > 1
32 - "
33 - type="info"
34 - :value="`+${sreachFormData.deliveryNoList.length}`"
35 - class="item texttareaTip"
36 - ></el-badge>
37 - </Formitem>
38 - </el-col>
39 - <el-col :span="4">
40 - <Formitem label="貨物輸出統一編號" prop="deliveryCode">
41 - <el-input
42 - type="textarea"
43 - class="inputShadow"
44 - name="deliveryCode"
45 - id="inputInner--deliveryCode"
46 - resize="none"
47 - :rows="deliveryCodeRows"
48 - v-model="sreachFormData.deliveryCode"
49 - clearable
50 - placeholder=""
51 - @focus="consignmentCodeFocus"
52 - @blur="consignmentCodeBlur"
53 - ></el-input>
54 - <el-badge
55 - v-if="
56 - deliveryCodeRows == 1 &&
57 - sreachFormData.deliveryCodelist.length > 1
58 - "
59 - type="info"
60 - :value="`+${sreachFormData.deliveryCodelist.length}`"
61 - class="item texttareaTip"
62 - ></el-badge>
63 - </Formitem>
64 - </el-col>
65 - <el-col :span="6">
66 - <el-row class="commitTime">
67 - <el-col :span="11"
68 - ><Formitem
69 - label="提交時間(從)"
70 - prop="commitTimeFrom"
71 - style="margin-bottom: 0px"
72 - >
73 - <el-date-picker
74 - class="unIconDatePicker"
75 - v-model="sreachFormData.commitTimeFrom"
76 - format="yyyy-MM-dd"
77 - value-format="yyyy-MM-dd"
78 - type="date"
79 - id="inputInner--commitTimeFrom"
80 - placeholder=""
81 - prefix-icon="none"
82 - @change="checkDate1"
83 - ></el-date-picker> </Formitem
84 - ></el-col>
85 - <el-col
86 - :span="2"
87 - style="line-height: 50px; font-size: 20px; font-weight: 700"
88 - >-</el-col
89 - >
90 - <el-col :span="11">
91 - <Formitem
92 - label="提交時間(至)"
93 - prop="commitTimeTo"
94 - style="margin-bottom: 0px"
95 - >
96 - <el-date-picker
97 - class="unIconDatePicker"
98 - v-model="sreachFormData.commitTimeTo"
99 - format="yyyy-MM-dd"
100 - value-format="yyyy-MM-dd"
101 - type="date"
102 - id="inputInner--commitTimeTo"
103 - placeholder=""
104 - prefix-icon="none"
105 - @change="checkDate1"
106 - ></el-date-picker> </Formitem
107 - ></el-col>
108 - </el-row>
109 - </el-col>
110 - <el-col :span="2" class="search-btn">
111 - <el-button @click="searchTable">
112 - <!-- <img src="../../assets/images/select.svg" alt="" /> -->
113 - </el-button>
114 - </el-col>
115 - </el-row>
116 - </el-form>
117 - <span class="textCenter export-btn">
118 - <el-button
119 - class="entrySaveButton"
120 - :loading="exportLoading"
121 - @click="exportBtn()"
122 - >
123 - 導出
124 - </el-button>
125 - </span>
126 - </div>
127 - <el-table
128 - :data="tableData"
129 - style="width: 100%"
130 - :height="tableMaxheight"
131 - :row-class-name="tableRowClassName"
132 - v-loading="tableLoading"
133 - class="queryTable"
134 - @sort-change="handleSortChange"
135 - >
136 - <el-table-column
137 - v-for="(item, index) in tableHeaderList"
138 - :key="index"
139 - :prop="item.prop"
140 - :label="item.label"
141 - :min-width="item.width"
142 - :fixed="item.fixed ? item.fixed : false"
143 - :align="item.align"
144 - :sortable="item.sort"
145 - >
146 - <template slot-scope="scope">
147 - <!-- 操作 -->
148 - <template v-if="item.tem == 'opt'">
149 - <el-dropdown trigger="click">
150 - <span style="cursor: pointer">
151 - 操作
152 - <!-- <img src="../../assets/images/declareOpt.png" alt="" /> -->
153 - </span>
154 - <el-dropdown-menu slot="dropdown">
155 - <el-dropdown-item @click.native="viewDeclare(scope.row)">
156 - 查看
157 - </el-dropdown-item>
158 - <el-dropdown-item @click.native="downloadFiles(scope.row)"
159 - >下載附件</el-dropdown-item
160 - >
161 - </el-dropdown-menu>
162 - </el-dropdown>
163 - </template>
164 - <span v-else>{{ scope.row[item.prop] }}</span>
165 - </template>
166 - </el-table-column>
167 - </el-table>
168 - <el-pagination
169 - @size-change="handleSizeChange"
170 - @current-change="handleCurrentChange"
171 - :current-page="page.curPage"
172 - :page-sizes="[20, 30, 50, 100]"
173 - :page-size="page.pageSize"
174 - layout="total, sizes, prev, pager, next, jumper"
175 - :total="page.total"
176 - >
177 - </el-pagination>
178 - </div>
179 -</template>
180 -
181 -<script>
182 -export default {
183 - name: "",
184 - data() {
185 - return {
186 - sreachFormData: {
187 - deliveryNo: "",
188 - commitTimeFrom: "",
189 - commitTimeTo: "",
190 - deliveryNoList: [],
191 - deliveryCodelist: [],
192 - },
193 - oldSreachFormData: {
194 - deliveryNo: "",
195 - commitTimeFrom: "",
196 - commitTimeTo: "",
197 - deliveryNoList: [],
198 - deliveryCodelist: [],
199 - },
200 - rules: {},
201 - tableData: [],
202 - tableHeaderList: [
203 - {
204 - label: "提單號碼",
205 - prop: "deliveryNo",
206 - width: "",
207 - align: "left",
208 - sort: false,
209 - },
210 - {
211 - label: "報單類別",
212 - prop: "deliveryNo",
213 - width: "",
214 - align: "left",
215 - sort: false,
216 - },
217 - {
218 - label: "提交時間",
219 - prop: "deliveryNo",
220 - width: "",
221 - align: "left",
222 - sort: false,
223 - },
224 - {
225 - label: "文件轉換Tiff",
226 - prop: "deliveryNo",
227 - width: "",
228 - align: "left",
229 - sort: false,
230 - },
231 - {
232 - label: "傳送狀態/時間",
233 - prop: "deliveryNo",
234 - width: "",
235 - align: "left",
236 - sort: false,
237 - },
238 - {
239 - label: "貨物輸出統一編號",
240 - prop: "deliveryNo",
241 - width: "",
242 - align: "left",
243 - sort: false,
244 - },
245 - {
246 - label: "聯絡人 ",
247 - prop: "deliveryNo",
248 - width: "",
249 - align: "left",
250 - sort: false,
251 - },
252 - {
253 - label: "聯絡人e-mail ",
254 - prop: "deliveryNo",
255 - width: "",
256 - align: "left",
257 - sort: false,
258 - },
259 - {
260 - label: "操作",
261 - prop: "opt",
262 - width: "",
263 - align: "center",
264 - tem: "opt",
265 - sort: false,
266 - },
267 - ],
268 - page: {
269 - curPage: 1,
270 - pageSize: 20,
271 - total: 0, //数据总和
272 - },
273 - tableLoading: false,
274 - exportLoading: false,
275 - deliveryNoRows: 1,
276 - deliveryCodeRows: 1,
277 - };
278 - },
279 - computed: {
280 - tableMaxheight() {
281 - return window.innerHeight - 300;
282 - },
283 - },
284 - methods: {
285 - searchTable() {},
286 - //查看
287 - viewDeclare() {},
288 - //下载附件
289 - downloadFiles(data) {},
290 - //导出
291 - exportBtn() {},
292 - // 改变偶数行背景色
293 - tableRowClassName({ row, rowIndex }) {
294 - if ((rowIndex + 1) % 2 === 0) {
295 - return "bgc-row";
296 - }
297 - return "";
298 - },
299 - checkDate1() {},
300 - // column 当前列数据 prop 当前排序的字段 order 排序规则
301 - handleSortChange({ column, prop, order }) {
302 - if (prop == "operStatusAndTime1") {
303 - this.sortOrder = order ? (order == "descending" ? 2 : 1) : 0;
304 - } else if (prop == "delStatus") {
305 - this.sortOrder = order ? (order == "descending" ? 4 : 3) : 0;
306 - }
307 - this.page.curPage = 1;
308 - let paramsData = {
309 - ...this.oldSreachFormData,
310 - page: this.page.curPage,
311 - query: this.defQuery,
312 - size: this.page.pageSize,
313 - sort: this.sortOrder,
314 - };
315 -
316 - this.sreachData(paramsData);
317 - },
318 - // 改变页面条数
319 - handleSizeChange(val) {
320 - this.page.pageSize = val;
321 - this.sreachData(null);
322 - },
323 - // 切换页码
324 - handleCurrentChange(val) {
325 - this.page.curPage = val;
326 - this.sreachData(null);
327 - },
328 - //文本域切换
329 - consignmentCodeFocus(val) {
330 - if (val.target.name == "deliveryNo") {
331 - this.deliveryNoRows = 5;
332 - } else if (val.target.name == "") {
333 - this.deliveryCodeRows = 5;
334 - }
335 - this.$nextTick(() => {
336 - let inputInner = document.querySelector(
337 - "#inputInner--" + val.target.name
338 - ).parentNode;
339 - let inputOuter = document.querySelector(
340 - "#inputOuter--" + val.target.name
341 - );
342 - inputInner.classList.add("consignmentCode-textarea");
343 - document.querySelector("#inputInner--" + val.target.name).focus();
344 - setTimeout(() => {
345 - inputOuter.classList.add("active");
346 - inputOuter.classList.add("activeBorder");
347 - }, 100);
348 - });
349 - },
350 - consignmentCodeBlur(val) {
351 - let data = null;
352 - if (val.target.name == "deliveryNo") {
353 - this.deliveryNoRows = 1;
354 - } else if (val.target.name == "") {
355 - this.deliveryCodeRows = 1;
356 - }
357 - this.$nextTick(() => {
358 - let inputInner = document.querySelector(
359 - "#inputInner--" + val.target.name
360 - ).parentNode;
361 - inputInner.classList.remove("consignmentCode-textarea");
362 - });
363 - data = val.target.value.split("\n");
364 - let arr = [];
365 - data.forEach((item) => {
366 - if (item != "" && item != null) {
367 - arr.push(item);
368 - }
369 - });
370 - if (val.target.name == "deliveryNo") {
371 - this.sreachFormData.deliveryNoList = arr;
372 - } else if (val.target.name == "") {
373 - this.sreachFormData.deliveryCodelist = arr;
374 - }
375 - },
376 - },
377 -};
378 -</script>
379 -
380 -<style lang="scss" scoped>
381 -@import "@/assets/styles/variables.scss";
382 -.search-wrap {
383 - height: calc(100% - 28px);
384 - margin: 12px 12px 16px 16px;
385 - background-color: #fff;
386 - padding: 20px;
387 -
388 - .search-box {
389 - margin-bottom: 12px;
390 - position: relative;
391 -
392 - .export-btn {
393 - position: absolute;
394 - right: 12px;
395 - top: 0;
396 - }
397 - }
398 -
399 - ::v-deep .el-table .bgc-row {
400 - background: #f2f2f2;
401 - }
402 -
403 - .el-pagination {
404 - text-align: right;
405 - margin-top: 10px;
406 -
407 - ::v-deep .el-input.is-focus .el-input__inner {
408 - border: 1px solid $fedexColor;
409 - }
410 -
411 - ::v-deep .el-input .el-input__inner:hover {
412 - border: 1px solid $fedexColor;
413 - }
414 -
415 - ::v-deep .el-input__inner:focus {
416 - border: 1px solid $fedexColor;
417 - }
418 -
419 - ::v-deep .el-pager li.active {
420 - color: $fedexColor;
421 - }
422 -
423 - ::v-deep .el-pager li:hover {
424 - color: $fedexColor;
425 - }
426 - }
427 -
428 - // .el-table__body-wrapper {
429 - // overflow: auto;
430 - // }
431 -}
432 -
433 -.search-btn {
434 - ::v-deep .el-button {
435 - border: 1px solid #cccccc;
436 - height: 50px;
437 - width: 90px;
438 -
439 - .el-icon-search {
440 - color: #cccccc;
441 - font-size: 20px;
442 - }
443 - }
444 -
445 - .el-button:hover,
446 - .el-button:focus {
447 - background: #f3f1f1;
448 - }
449 -}
450 -
451 -.texttareaTip {
452 - position: absolute;
453 - top: 50%;
454 - right: 20px;
455 - transform: translate(0, -50%);
456 - z-index: 10;
457 -}
458 -
459 -.consignmentCode-textarea {
460 - position: absolute;
461 - top: 25px;
462 - left: 1px;
463 - z-index: 10;
464 - min-height: 170px !important;
465 - border: 2px solid $fedexBorder;
466 - background-color: $fedexTablebackgroundColor;
467 - transition: all 0.2s ease;
468 -}
469 -
470 -.queryTable {
471 - ::v-deep .cell {
472 - text-align: center;
473 - white-space: pre-line;
474 - }
475 -}
476 -
477 -.commitTime {
478 - background-color: $formItemBackgroundColor;
479 -}
480 -</style>
1 -<template>
2 - <el-dialog
3 - title="下載附件"
4 - :visible.sync="dialogVisible"
5 - width="50%"
6 - :show-close="true"
7 - class="detail-dialog"
8 - >
9 - <Table
10 - class="fedexDetialTable mt20"
11 - :data="tableData"
12 - :headerData="headerData"
13 - :selection="false"
14 - height="400px"
15 - :order="false"
16 - :border="false"
17 - :pagination="false"
18 - :selectFixed="false"
19 - :pageSizes="[20, 30, 50, 100]"
20 - @selectionChange="handleSelectionChange"
21 - :loading="tableLodaing"
22 - >
23 - <template v-slot:name="scope">
24 - <p> {{ scope.row.name }}{{ scope.row.type }}</p>
25 - </template>
26 - <template v-slot:down="scope">
27 - <el-button
28 - class="plain"
29 - size="mini"
30 - @click.native.stop="downLoadOneFile(scope.row)"
31 - :loading="scope.row.downloadLoading"
32 - >下載</el-button
33 - >
34 - </template>
35 - </Table>
36 - <div class="width-btn-box">
37 - <el-button
38 - class="entrySaveButton entrySaveButton-background"
39 - @click="batchDownloadBtn"
40 - style="margin-right: 30px;width: 110px;"
41 - :loading="allDownload"
42 - :disabled="this.tableData<=0"
43 - >
44 - 下載全部
45 - </el-button>
46 - <el-button class="entrySaveButton" style="width: 110px;" @click="closeDialog">取消</el-button>
47 - </div>
48 - </el-dialog>
49 -</template>
50 -<script>
51 -import { getFindSysByDeclareId } from "@/api/fillForm.js";
52 -import { downLoadZip,downLoadFile } from "@/utils/zipdownload";
53 -export default {
54 - components: {},
55 - props: {},
56 - data() {
57 - return {
58 - tableLodaing:false,
59 - allDownload:false,
60 - dialogVisible: false,
61 - declareId: null,
62 - tableData: [],
63 - headerData: [
64 - {
65 - name: "附件名稱",
66 - value: "name",
67 - width: "",
68 - align: "left",
69 - slot: true,
70 - },
71 - {
72 - name: "操作",
73 - value: "down",
74 - width: "100",
75 - align: "center",
76 - slot: true,
77 - },
78 - ],
79 - selectCheckList: [],
80 - customsFileId: null,
81 - };
82 - },
83 - methods: {
84 - // 打开弹窗
85 - openDialog(row) {
86 - this.dialogVisible = true;
87 - this.declareId = row.id;
88 - this.customsFileId = row.customsFileId;
89 - this.getUploadFileList();
90 - },
91 - // 关闭弹窗
92 - closeDialog() {
93 - this.dialogVisible = false;
94 - },
95 - // 选择下载的附件
96 - handleSelectionChange(val) {
97 - this.selectCheckList = val;
98 - },
99 - // 下载
100 - downLoadOneFile(fileRow) {
101 - fileRow.downloadLoading=true;
102 - downLoadFile(
103 - "/icleartw/cusFile/downLoadFile",
104 - fileRow.id,
105 - fileRow.name+ fileRow.type
106 - ).then(() => {
107 -
108 - this.$message.success("下載成功");
109 - this.exportLoading = false;
110 - })
111 - .catch(() => {
112 - this.exportLoading = false;
113 - }).finally(()=>{
114 - fileRow.downloadLoading = false;
115 - })
116 -
117 - },
118 - // 批量下载
119 - batchDownloadBtn() {
120 - this.allDownload=true;
121 - downLoadZip(
122 - "/icleartw/cusFile/downLoadCusFileAll",
123 - this.customsFileId,
124 - "附件"
125 - )
126 - .then(() => {
127 - this.allDownload = false;
128 - this.exportLoading = false;
129 - })
130 - .catch(() => {
131 - this.exportLoading = false;
132 - });
133 - },
134 - // 获取文件列表
135 - getUploadFileList() {
136 - this.tableData=[];
137 - this.tableLodaing=true;
138 - getFindSysByDeclareId(this.declareId).then((res) => {
139 - if (res.code == 200) {
140 - this.tableData = res.data;
141 - if (this.tableData != null) {
142 - this.tableData = this.tableData.map(item => {
143 - return {
144 - ...item,
145 - downloadLoading: false
146 - };
147 - });
148 - }
149 - }else{
150 - this.$message.error(res.msg);
151 - }
152 - }).catch((res)=>{
153 - this.$message.error(res.msg);
154 - }).finally(()=>{
155 - this.tableLodaing = false;
156 - })
157 - },
158 - },
159 -};
160 -</script>
161 -
162 -<style lang="scss" scoped>
163 -.detail-dialog {
164 - .title-box {
165 - font-size: 16px;
166 - font-weight: 600;
167 - // line-height: 22px;
168 - color: #000000;
169 - display: flex;
170 - justify-content: space-between;
171 - .el-button {
172 - padding: 0;
173 - font-size: 12px;
174 - }
175 - }
176 - .content {
177 - color: #333;
178 - font-size: 12px;
179 - .small-title {
180 - margin: 12px 0 4px 0;
181 - font-size: 14px;
182 - }
183 - .info-box {
184 - width: 100%;
185 - height: 50px;
186 - line-height: 17px;
187 - background: #f2f2f2;
188 - padding: 8px;
189 - margin-bottom: 4px;
190 - }
191 - }
192 - .download {
193 - .el-button {
194 - padding: 0;
195 - font-size: 12px;
196 - }
197 - img {
198 - vertical-align: -4px;
199 - }
200 - }
201 - ::v-deep .el-dialog {
202 - padding: 20px 100px;
203 - }
204 - ::v-deep .el-dialog__header {
205 - text-align: center;
206 - }
207 - .width-btn-box {
208 - width: 100%;
209 - text-align: center;
210 - margin-top: 16px;
211 - .el-button {
212 - width: 100px;
213 - }
214 - }
215 - ::v-deep .el-table__body-wrapper .el-table__body tbody tr {
216 - height: 50px;
217 - }
218 -}
219 -</style>
1 -<template>
2 - <div class="search-wrap">
3 - <div class="search-box">
4 - <el-form class="fedexFormStyle queryTextarea-box" ref="sreachForm" :model="sreachFormData" label-position="top"
5 - size="small" :rules="rules">
6 - <el-row :gutter="6">
7 - <el-col :span="5">
8 - <Formitem label="提單號碼（支持多個提單號查詢）" prop="deliveryNo">
9 - <!-- <el-input
10 - type="text"
11 - id="inputInner--deliveryNo"
12 - v-model="sreachFormData.deliveryNo"
13 - clearable
14 - >
15 - </el-input> -->
16 - <el-input type="textarea" class="inputShadow" id="inputInner--deliveryNo" resize="none"
17 - :rows="consignmentCodeRows" v-model="sreachFormData.deliveryNo" clearable placeholder=""
18 - @focus="consignmentCodeFocus" @blur="consignmentCodeBlur"></el-input>
19 - <el-badge v-if="consignmentCodeRows == 1 &&
20 - sreachFormData.consignmentCode.length > 1
21 - " type="info" :value="`+${sreachFormData.consignmentCode.length}`"
22 - class="item texttareaTip"></el-badge>
23 - </Formitem>
24 - </el-col>
25 - <el-col :span="4">
26 - <Formitem label="提交時間(從)" prop="commitTimeFrom">
27 - <el-date-picker v-model="sreachFormData.commitTimeFrom" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
28 - type="date" id="inputInner--commitTimeFrom" placeholder="" prefix-icon="none"
29 - @change="checkDate1"></el-date-picker>
30 - <!-- :picker-options="startPickerOptions"> -->
31 - <!-- </el-date-picker> -->
32 - </Formitem>
33 - </el-col>
34 - <el-col :span="4">
35 - <Formitem label="提交時間(至)" prop="commitTimeTo">
36 - <el-date-picker v-model="sreachFormData.commitTimeTo" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
37 - type="date" id="inputInner--commitTimeTo" placeholder="" prefix-icon="none"
38 - @change="checkDate2"></el-date-picker>
39 - <!-- :picker-options="endPickerOptions">
40 - </el-date-picker> -->
41 - </Formitem>
42 - </el-col>
43 - <el-col :span="2" class="search-btn">
44 - <el-button @click="searchTable">
45 - <img src="../../assets/images/select.svg" alt="" />
46 - </el-button>
47 - </el-col>
48 - </el-row>
49 - </el-form>
50 - <span class="textCenter export-btn">
51 - <el-button class="entrySaveButton" :loading="exportLoading" @click="exportBtn()">
52 - 導出
53 - </el-button>
54 - </span>
55 - </div>
56 - <el-table :data="tableData" style="width: 100%" :height="tableMaxheight" :row-class-name="tableRowClassName"
57 - v-loading="tableLoading" class="queryTable" @sort-change="handleSortChange">
58 - <el-table-column v-for="(item, index) in tableHeaderList" :key="index" :prop="item.prop" :label="item.label"
59 - :min-width="item.width" :fixed="item.fixed ? item.fixed : false" :align="item.align" :sortable="item.sort">
60 -
61 - <template slot-scope="scope">
62 - <template v-if="item.tem == 'operStatusAndTime1'">
63 - <div>
64 - {{ scope.row.operStatus }}
65 - </div>
66 - <div>
67 - {{ scope.row.commitTime }}
68 - </div>
69 - </template>
70 - <!-- 传送时间 -->
71 - <template v-if="item.tem == 'delStatus'">
72 - <div class="query_page_popover">
73 - <el-popover v-if="scope.row.failedMsg" trigger="hover" placement="bottom" :open-delay="1000">
74 - <p>{{ scope.row.failedMsg }}</p>
75 - <div slot="reference" class="name-wrapper">
76 - {{ scope.row.delStatusAndTime }}
77 - </div>
78 - </el-popover>
79 - <span v-else>{{ scope.row.delStatusAndTime }}</span>
80 - </div>
81 -
82 - </template>
83 - <!-- 操作 -->
84 - <template v-if="item.tem == 'opt'">
85 - <el-dropdown trigger="click">
86 - <span style="cursor: pointer">
87 - <img src="../../assets/images/declareOpt.png" alt="" />
88 - </span>
89 - <el-dropdown-menu slot="dropdown">
90 - <el-dropdown-item @click.native="viewDeclare(scope.row)">
91 - 查看
92 - </el-dropdown-item>
93 - <el-dropdown-item v-if="scope.row.operStatus == '已提交'" @click.native="reEditDeclare(scope.row)">
94 - 重新编辑
95 - </el-dropdown-item>
96 -
97 - <el-dropdown-item v-else @click.native="editDeclare(scope.row)">
98 - 編輯
99 - </el-dropdown-item>
100 -
101 - <el-dropdown-item :disabled="scope.row.operStatus == '已提交'" @click.native="deleteDeclare(scope.row)">
102 - 刪除
103 - </el-dropdown-item>
104 - <el-dropdown-item @click.native="downloadFiles(scope.row)">下載附件</el-dropdown-item>
105 - </el-dropdown-menu>
106 - </el-dropdown>
107 - </template>
108 - <span v-else>{{ scope.row[item.prop] }}</span>
109 - </template>
110 - </el-table-column>
111 - </el-table>
112 - <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page.curPage"
113 - :page-sizes="[20, 30, 50, 100]" :page-size="page.pageSize" layout="total, sizes, prev, pager, next, jumper"
114 - :total="page.total">
115 - </el-pagination>
116 - <detail-dialog ref="detailDialogRef"></detail-dialog>
117 - <detail-drawer ref="detailDrawerRef" :pageIndex="pageIndex" @viewPdf="openViewPdf"></detail-drawer>
118 - </div>
119 -</template>
120 -
121 -<script>
122 -import { getTableFindAll, declareDeleteById, reedit } from "@/api/declareTable.js";
123 -import detailDrawer from "../declarationInput/detailDrawer.vue";
124 -import detailDialog from "./detailDialog.vue";
125 -import { tableHeaderKeys } from "./tableHeaderKey.js";
126 -import { downLoadXlsx, downLoadViewPdf } from "@/utils/zipdownload";
127 -export default {
128 - name: "declareQuery",
129 - components: {
130 - detailDialog,
131 - detailDrawer,
132 - },
133 -
134 - data() {
135 - return {
136 - pageIndex: "query",
137 - tableData: [], //运单数据
138 - tableHeaderList: tableHeaderKeys,
139 - sreachFormData: {
140 - deliveryNo: "",
141 - commitTimeFrom: "",
142 - commitTimeTo: "",
143 - consignmentCode: [],
144 - },
145 - oldSreachFormData: {
146 - deliveryNo: "",
147 - commitTimeFrom: "",
148 - commitTimeTo: "",
149 - consignmentCode: [],
150 - },
151 - startDate: new Date() - 3,
152 - endDate: new Date,
153 - page: {
154 - curPage: 1,
155 - pageSize: 20,
156 - total: 0, //数据总和
157 - },
158 - tableSelect: true,
159 - tableLoading: false, //表格loading
160 - exportLoading: false,
161 - defQuery: 0,
162 - consignmentCodeRows: 1,
163 - startPickerOptions: {
164 - disabledDate: (time) => {
165 - if (
166 - this.sreachFormData.commitTimeTo != "" &&
167 - this.sreachFormData.commitTimeTo != null
168 - ) {
169 - let commitTimeTo = new Date(
170 - this.sreachFormData.commitTimeTo
171 - ).getTime();
172 - return time.getTime() > commitTimeTo;
173 - } else {
174 - return !time.getTime();
175 - }
176 - },
177 - },
178 - endPickerOptions: {
179 - disabledDate: (time) => {
180 - if (
181 - this.sreachFormData.commitTimeFrom != "" &&
182 - this.sreachFormData.commitTimeFrom != null
183 - ) {
184 - let commitTimeFrom = new Date(
185 - this.sreachFormData.commitTimeFrom
186 - ).getTime();
187 - return time.getTime() < commitTimeFrom - 24 * 60 * 60 * 1000;
188 - } else {
189 - return !time.getTime();
190 - }
191 - },
192 - },
193 - sortOrder: 0, //查询排序 默认根据操作状态呢降序排序
194 - };
195 - },
196 - computed: {
197 - tableMaxheight() {
198 - return window.innerHeight - 300;
199 - },
200 - getOldDate() {
201 - let oldDate = new Date(new Date().getTime() - 3600 * 1000 * 24 * 2);
202 - return oldDate.getFullYear() + '-' + (oldDate.getMonth() + 1).toString().padStart(2, 0) + '-' + (oldDate.getDate()).toString().padStart(2, 0);
203 - }, getNewDate() {
204 - let nowDate = new Date();
205 - return nowDate.getFullYear() + '-' + (nowDate.getMonth() + 1).toString().padStart(2, 0) + '-' + (nowDate.getDate()).toString().padStart(2, 0);
206 - },
207 - rules() {
208 - let rules = {
209 - commitTimeFrom: [
210 - {
211 - validator: (rule, value, callback) => {
212 -
213 - if (!value) {
214 - this.$refs.sreachForm.clearValidate(['commitTimeTo']);
215 - this.tableSelect = true;
216 - }
217 - // new Date(year, month, day, hour, minute, second, millisecond);
218 - if (value && this.sreachFormData.commitTimeTo) {
219 - if (new Date(value + " 00:00:00").getTime() > new Date(this.sreachFormData.commitTimeTo + " 00:00:00").getTime()) {
220 - callback("開始時間不能晚於截止時間")
221 - this.tableSelect = false;
222 - } else {
223 - callback()
224 - this.tableSelect = true;
225 - }
226 - }
227 - },
228 - trigger: "change",
229 - },
230 - ],
231 - commitTimeTo: [
232 - {
233 - validator: (rule, value, callback) => {
234 - if (!value) {
235 - this.$refs.sreachForm.clearValidate(['commitTimeFrom']);
236 - this.tableSelect = true;
237 - }
238 -
239 - if (value && this.sreachFormData.commitTimeFrom) {
240 - if (new Date(value + " 00:00:00").getTime() < new Date(this.sreachFormData.commitTimeFrom + " 00:00:00").getTime()) {
241 - callback("截止時間不能早於開始時間")
242 - this.tableSelect = false;
243 - } else {
244 - callback()
245 - this.tableSelect = true;
246 - }
247 - }
248 - },
249 - trigger: "change",
250 - },
251 - ]
252 - }
253 - return rules;
254 - },
255 - },
256 - created() { },
257 - mounted() {
258 - // let oldDate = new Date(new Date().getTime() - 3600 * 1000 * 24 * 2);
259 - // let nowDate = new Date();
260 - this.sreachFormData.commitTimeFrom = this.getOldDate;
261 - this.sreachFormData.commitTimeTo = this.getNewDate;
262 - // this.$set(this.sreachFormData,'commitTimeFrom', );
263 - // this.$set(this.sreachFormData,'commitTimeTo', nowDate.getFullYear() + '-' + (nowDate.getMonth()+1) + '-' + (nowDate.getDate()));
264 - this.sreachData(null);
265 - },
266 - methods: {
267 - // 查询
268 - sreachData(paramsData) {
269 -
270 - // this.$refs["sreachForm"].validate((valid, object) => {
271 - if (this.tableSelect) {
272 - if (!paramsData) {
273 - paramsData = {
274 - ...this.sreachFormData,
275 - deliveryNo: this.sreachFormData.consignmentCode.join(";"),
276 - page: this.page.curPage,
277 - query: this.defQuery,
278 - size: this.page.pageSize,
279 - sort: this.sortOrder,
280 - };
281 - this.oldSreachFormData={
282 - ...this.sreachFormData,
283 - };
284 - }
285 -
286 - if (paramsData.deliveryNo.split(';').length > 1000) {
287 - this.$alert('單次最多可查詢1000個提單號碼', '提示', {
288 - confirmButtonText: '確定',
289 - type: 'warning'
290 -
291 - });
292 - return;
293 - } else {
294 - this.tableLoading = true;
295 - delete paramsData.consignmentCode;
296 - getTableFindAll(paramsData)
297 - .then((res) => {
298 - if (res.code == 200) {
299 - this.tableData = res.data.list;
300 - this.page.total = res.data.total;
301 -
302 - } else {
303 - this.msgWarning(res.msg);
304 - }
305 - })
306 - .finally(() => {
307 - this.tableLoading = false;
308 - });
309 - }
310 - }
311 - // });
312 -
313 -
314 -
315 - },
316 - checkDate1() {
317 - this.$refs.sreachForm.validateField('commitTimeFrom', valid => {
318 - if (!valid) {
319 - this.$refs.sreachForm.validateField('commitTimeTo');
320 - }
321 - });
322 -
323 - },
324 - checkDate2() {
325 - this.$refs.sreachForm.validateField('commitTimeTo', valid => {
326 - if (!valid) {
327 - this.$refs.sreachForm.validateField('commitTimeFrom');
328 - }
329 - });
330 -
331 - },
332 - // column 当前列数据 prop 当前排序的字段 order 排序规则
333 - handleSortChange({ column, prop, order }) {
334 - if (prop == "operStatusAndTime1") {
335 -
336 - this.sortOrder = order ? order == 'descending' ? 2 : 1 : 0;
337 - } else if (prop == "delStatus") {
338 - this.sortOrder = order ? order == 'descending' ? 4 : 3 : 0;
339 - }
340 - this.page.curPage=1;
341 - let paramsData = {
342 - ...this.oldSreachFormData,
343 - page: this.page.curPage,
344 - query: this.defQuery,
345 - size: this.page.pageSize,
346 - sort: this.sortOrder,
347 - };
348 -
349 - this.sreachData(paramsData);
350 -
351 - },
352 - // 查询按钮
353 - searchTable() {
354 - this.page.curPage = 1;
355 - this.defQuery = "";
356 - this.sreachData(null);
357 - },
358 - // 改变偶数行背景色
359 - tableRowClassName({ row, rowIndex }) {
360 - if ((rowIndex + 1) % 2 === 0) {
361 - return "bgc-row";
362 - }
363 - return "";
364 - },
365 - //操作
366 - deleteDeclare(row) {
367 - this.$confirm('是否確認刪除', '提示', {
368 - confirmButtonText: '確定',
369 - cancelButtonText: '取消',
370 - type: 'warning'
371 - }).then(() => {
372 - declareDeleteById(row.id).then((res) => {
373 - if (res.code == 200) {
374 - this.$message({
375 - type: 'success',
376 - message: '刪除成功!'
377 - });
378 - this.sreachData(null);
379 - } else {
380 - this.msgWarning(res.msg);
381 - }
382 - });
383 - }).catch(() => {
384 - // this.$message({
385 - // type: 'info',
386 - // message: '刪除失敗'
387 - // });
388 - })
389 -
390 - },
391 - // 改变页面条数
392 - handleSizeChange(val) {
393 - this.page.pageSize = val;
394 - this.sreachData(null);
395 - },
396 - // 切换页码
397 - handleCurrentChange(val) {
398 - this.page.curPage = val;
399 - this.sreachData(null);
400 - },
401 - // 导出
402 - exportBtn() {
403 - let paramsData = {
404 - ...this.oldSreachFormData,
405 - query: this.defQuery,
406 - sort: this.sortOrder,
407 - };
408 - this.exportLoading = true;
409 - downLoadXlsx("/icleartw/declare/export", paramsData, "提單表")
410 - .then(() => {
411 - this.$message.success("導出成功");
412 - this.exportLoading = false;
413 - })
414 - .catch(() => {
415 - this.exportLoading = false;
416 - });
417 - },
418 - // 查看
419 - viewDeclare(row) {
420 - this.$refs.detailDrawerRef.openDrawer(row, "table");
421 - },
422 - // 下载附件
423 - downloadFiles(row) {
424 - this.$refs.detailDialogRef.openDialog(row);
425 - },
426 - // 编辑
427 - editDeclare(row) {
428 - this.$router
429 - .push({
430 - name: "declarationInput",
431 - params: {
432 - step: JSON.stringify(row.saveStep),
433 - id: JSON.stringify(row.id),
434 - },
435 - })
436 - .catch(() => { });
437 - },
438 - //重新编辑
439 - reEditDeclare(row) {
440 - this.$store.dispatch('AppLoading', true);
441 - reedit(row.id).then((res) => {
442 - if (res.code = 200) {
443 - this.$router
444 - .push({
445 - name: "declarationInput",
446 - params: {
447 - step: 1,
448 - id: JSON.stringify(res.data.id),
449 - },
450 - })
451 - .catch(() => { });
452 - } else {
453 - $message.error(res.msg);
454 - }
455 - }).catch(() => { }).finally(() => {
456 - this.$store.dispatch('AppLoading', false);
457 - })
458 -
459 - },
460 - //文本域切换
461 - consignmentCodeFocus() {
462 - this.consignmentCodeRows = 5;
463 - this.$nextTick(() => {
464 - let inputInner = document.querySelector(
465 - "#inputInner--deliveryNo"
466 - ).parentNode;
467 - let inputOuter = document.querySelector("#inputOuter--deliveryNo");
468 - inputInner.classList.add("consignmentCode-textarea");
469 - document.querySelector("#inputInner--deliveryNo").focus();
470 - setTimeout(() => {
471 - inputOuter.classList.add("active");
472 - inputOuter.classList.add("activeBorder");
473 - }, 100);
474 - });
475 - },
476 - consignmentCodeBlur(val) {
477 - this.consignmentCodeRows = 1;
478 - this.$nextTick(() => {
479 - let inputInner = document.querySelector(
480 - "#inputInner--deliveryNo"
481 - ).parentNode;
482 - inputInner.classList.remove("consignmentCode-textarea");
483 - });
484 - this.sreachFormData.consignmentCode = val.target.value.split("\n");
485 - let arr = []
486 - this.sreachFormData.consignmentCode.forEach(item => {
487 - if (item != '' && item != null) {
488 - arr.push(item)
489 - }
490 - })
491 - this.sreachFormData.consignmentCode = arr
492 - },// 查看pdf
493 - openViewPdf(file) {
494 - file.findLoading = true;
495 - downLoadViewPdf("/icleartw/cusFile/previewFile", { fileId: file.id }, file.name + file.type).then(() => {
496 -
497 - }).finally(() => {
498 - file.findLoading = false;
499 - });
500 - },
501 - },
502 -};
503 -</script>
504 -<style>
505 -.el-dropdown-menu__item.is-disabled {
506 - color: #bbb;
507 -}
508 -</style>
509 -<style lang="scss" scoped>
510 -@import "@/assets/styles/variables.scss";
511 -
512 -.search-wrap {
513 - height: calc(100% - 28px);
514 - margin: 12px 12px 16px 16px;
515 - background-color: #fff;
516 - padding: 20px;
517 -
518 - .search-box {
519 - margin-bottom: 12px;
520 - position: relative;
521 -
522 - .export-btn {
523 - position: absolute;
524 - right: 12px;
525 - top: 0;
526 - }
527 - }
528 -
529 - ::v-deep .el-table .bgc-row {
530 - background: #f2f2f2;
531 - }
532 -
533 - .el-pagination {
534 - text-align: right;
535 - margin-top: 10px;
536 -
537 - ::v-deep .el-input.is-focus .el-input__inner {
538 - border: 1px solid $fedexColor;
539 - }
540 -
541 - ::v-deep .el-input .el-input__inner:hover {
542 - border: 1px solid $fedexColor;
543 - }
544 -
545 - ::v-deep .el-input__inner:focus {
546 - border: 1px solid $fedexColor;
547 - }
548 -
549 - ::v-deep .el-pager li.active {
550 - color: $fedexColor;
551 - }
552 -
553 - ::v-deep .el-pager li:hover {
554 - color: $fedexColor;
555 - }
556 - }
557 -
558 - // .el-table__body-wrapper {
559 - // overflow: auto;
560 - // }
561 -}
562 -
563 -.search-btn {
564 - ::v-deep .el-button {
565 - border: 1px solid #cccccc;
566 - height: 50px;
567 - width: 90px;
568 -
569 - .el-icon-search {
570 - color: #cccccc;
571 - font-size: 20px;
572 - }
573 - }
574 -
575 - .el-button:hover,
576 - .el-button:focus {
577 - background: #f3f1f1;
578 - }
579 -}
580 -
581 -.texttareaTip {
582 - position: absolute;
583 - top: 50%;
584 - right: 20px;
585 - transform: translate(0, -50%);
586 - z-index: 10;
587 -}
588 -
589 -.consignmentCode-textarea {
590 - position: absolute;
591 - top: 25px;
592 - left: 1px;
593 - z-index: 10;
594 - min-height: 170px !important;
595 - border: 2px solid $fedexBorder;
596 - background-color: $fedexTablebackgroundColor;
597 - transition: all 0.2s ease;
598 -
599 -
600 -}
601 -
602 -.queryTable {
603 - ::v-deep .cell {
604 - text-align: center;
605 - white-space: pre-line;
606 - }
607 -
608 -}
609 -
610 -</style>
1 -export const tableHeaderKeys = [
2 - {
3 - label: "提單號碼",
4 - prop: "deliveryNo",
5 - width: 150,
6 - align: "left",
7 - sort: false,
8 - },
9 - {
10 - label: "報單類別",
11 - prop: "customsDeclarationType",
12 - width: 150,
13 - align: "left",
14 - sort: false,
15 - },
16 - {
17 - label: "操作狀態/時間",
18 - prop: "operStatusAndTime1",
19 - width: 150,
20 - align: "left",
21 - tem:"operStatusAndTime1",
22 - sort: "custom",
23 - },
24 - {
25 - label: "傳送狀態/時間",
26 - prop: "delStatus",
27 - width: 150,
28 - align: "left",
29 - tem: "delStatus",
30 - sort:"custom",
31 -
32 - },
33 - {
34 - label: "操作",
35 - prop: "opt",
36 - width: 150,
37 - align: "center",
38 - tem: "opt",
39 - sort: false,
40 - },
41 -];
1 -@import "./variables.scss";
2 -@import "./mixin.scss";
3 -@import "./transition.scss";
4 -@import "./element-ui.scss";
5 -@import "./sidebar.scss";
6 -@import "./btn.scss";
7 -
8 -//fedex样式
9 -.el-loading-spinner .path {
10 - stroke: $fedexColor !important;
11 -}
12 -
13 -// checkbox
14 -.el-checkbox__inner {
15 - width: 1.25rem;
16 - min-width: 1.25rem;
17 - height: 1.25rem;
18 - border: 2px solid $fedexButton;
19 - content: "";
20 - box-sizing: border-box;
21 -}
22 -
23 -.el-checkbox__input.is-indeterminate .el-checkbox__inner {
24 - background-color: #fff;
25 - border-color: $fedexButton !important;
26 - color: $fedexButton !important;
27 -}
28 -
29 -.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
30 - background-color: $fedexButton !important;
31 - top: 7px;
32 -}
33 -
34 -.el-checkbox__input.is-focus .el-checkbox__inner {
35 - border-color: $fedexButton !important;
36 -}
37 -
38 -.el-checkbox__inner:hover {
39 - border-color: $fedexButton !important;
40 -}
41 -
42 -.is-checked {
43 - .el-checkbox__inner {
44 - border: 2px solid $fedexButton !important;
45 - background-color: transparent !important;
46 - }
47 -
48 - .el-checkbox__inner::after {
49 - border: 2px solid $fedexButton;
50 - border-top: 0;
51 - border-right: 0;
52 - // left: 0.3125rem;
53 - display: block;
54 - position: absolute;
55 - content: " ";
56 - top: 0.2rem;
57 - width: 0.625rem;
58 - height: 0.3125rem;
59 - box-sizing: border-box;
60 - transform: rotate(-45deg) scaleY(1) !important;
61 - }
62 -}
63 -
64 -//radio
65 -.el-radio__input {
66 - .el-radio__inner {
67 - width: 16px;
68 - height: 16px;
69 - border: 2px solid $fedexButton !important;
70 - }
71 -}
72 -
73 -.el-radio__label {
74 - color: #999;
75 - font-size: 12px;
76 -}
77 -
78 -.el-radio__inner::after {
79 - background-color: $fedexButton;
80 -}
81 -
82 -.el-radio__input.is-checked .el-radio__inner::after {
83 - transform: translate(-50%, -50%) scale(2);
84 -}
85 -
86 -.el-radio__input.is-checked .el-radio__inner {
87 - background-color: #fff !important;
88 -}
89 -
90 -.el-radio__input.is-checked+.el-radio__label {
91 - color: $fedexButton !important;
92 -}
93 -
94 -//button
95 -.el-button {
96 - border-radius: 0;
97 - border-color: $fedexButton;
98 - color: $fedexButton;
99 - font-weight: 600;
100 -}
101 -
102 -.el-button:hover,
103 -.el-button:focus,
104 -.el-button.is-plain:hover,
105 -.el-button.is-plain:focus {
106 - background: $fedexButton;
107 - border-color: $fedexButton;
108 - color: #fff;
109 -}
110 -
111 -.el-button--text:hover,
112 -.el-button--text:focus {
113 - background: transparent;
114 - border: none;
115 - color: $fedexButton;
116 -}
117 -
118 -.el-button--primary,
119 -.el-button--primary:hover,
120 -.el-button--primary:focus {
121 - color: #fff;
122 - background: transparent;
123 - border-color: $fedexBottonColor;
124 -}
125 -
126 -.el-button-noHover:hover {
127 - color: $fedexButton !important;
128 - background-color: rgba(0, 122, 183, 0.1) !important;
129 -}
130 -
131 -.is-circle {
132 - border-radius: 20px !important;
133 - padding: 7px 12px !important;
134 -}
135 -
136 -.el-button--text {
137 - color: $fedexButton !important;
138 - font-weight: 600 !important;
139 - border: none;
140 -}
141 -
142 -.entrySave {
143 - // margin-top: 64px;
144 - text-align: center;
145 -
146 - .el-button {
147 - width: 112px;
148 - height: 56px;
149 - font-size: 1.1875rem;
150 - font-weight: 700;
151 - }
152 -
153 - .saveTip {
154 - font-size: 16px;
155 - font-weight: 100;
156 - color: #000000;
157 - margin-top: 16px;
158 - }
159 -}
160 -
161 -.entrySaveButton {
162 - background-color: transparent;
163 - border-color: $fedexBottonColor !important;
164 - border-width: 2px;
165 - color: $fedexBottonColor;
166 -}
167 -
168 -.entrySaveButton-background {
169 - background-color: $fedexBottonColor !important;
170 - color: #fff !important;
171 -}
172 -
173 -.entrySaveButton:hover,
174 -.entrySaveButton:focus {
175 - color: #fff !important;
176 - background-color: $fedexBottonColor !important;
177 -}
178 -
179 -.entrySaveButton-background:hover,
180 -.entrySaveButton-background:focus {
181 - background-color: rgba(255, 102, 0, 0.7) !important;
182 -}
183 -
184 -.whiteBtn-background {
185 - background-color: #fff !important;
186 - color: $fedexBottonColor !important;
187 - border: 2px solid $fedexBottonColor;
188 -}
189 -
190 -.whiteBtn-background:hover,
191 -.whiteBtn-background:focus {
192 - color: #fff !important;
193 - background-color: $fedexBottonColor !important;
194 -}
195 -
196 -.button-noHover:hover,
197 -.button-noHover:focus {
198 - border-color: $fedexButton !important;
199 - color: $fedexButton !important;
200 - background-color: #fff !important;
201 -}
202 -
203 -.el-button.is-disabled,
204 -.el-button.is-disabled:focus,
205 -.el-button.is-disabled:hover {
206 - // border-color: #ebeef5 !important;
207 - // color: #c0c4cc !important;
208 - // background-color: #fff !important;
209 -}
210 -
211 -//update
212 -.upload-demo {
213 - .el-upload-list {
214 - .el-upload-list__item {
215 - margin: 0px;
216 - line-height: normal;
217 - }
218 - }
219 -}
220 -
221 -//pagination
222 -.el-pagination.is-background .el-pager li:not(.disabled):hover {
223 - color: $fedexColor;
224 -}
225 -
226 -.el-pagination.is-background .el-pager li:not(.disabled).active {
227 - background-color: $fedexColor !important;
228 - color: #fff;
229 -}
230 -
231 -//dialog
232 -.el-dialog {
233 - display: flex;
234 - flex-direction: column;
235 - margin: 0;
236 - position: absolute;
237 - top: 50%;
238 - left: 50%;
239 - transform: translate(-50%, -50%);
240 - max-height: auto;
241 - max-width: 100%;
242 -}
243 -
244 -.el-dialog__title {
245 - font-size: 16px;
246 - font-weight: 400;
247 - color: #333333;
248 -}
249 -
250 -.el-dialog-change {
251 - transform: translate(-50%, -35%) !important;
252 -}
253 -
254 -//form
255 -.el-input,
256 -.el-textarea,
257 -.el-select {
258 -
259 - input,
260 - textarea {
261 - border-radius: 0px !important;
262 - font-family: FedExSansArabic, FedExSans, Arial, sans-serif !important;
263 - }
264 -}
265 -
266 -input,
267 -textarea {
268 - outline: none !important;
269 - border-radius: 0px !important;
270 - font-family: FedExSansArabic, FedExSans, Arial, sans-serif !important;
271 -}
272 -
273 -input:disabled {
274 - color: $formDisabledColor;
275 - cursor: not-allowed;
276 -}
277 -
278 -.inputShadow {
279 - // box-shadow: inset 0 0 0.1rem #f2f2f2;
280 -}
281 -
282 -.el-textarea__inner:focus {
283 - border-color: $fedexBorder;
284 -}
285 -
286 -.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label::before {
287 - content: "";
288 -}
289 -
290 -.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:after {
291 - content: "*";
292 - color: #ff4949;
293 - margin-right: 4px;
294 -}
295 -
296 -.fedexRadiusInput {
297 - input {
298 - border-radius: 50px 0 0 50px !important;
299 - }
300 -
301 - .el-input-group__append {
302 - border-radius: 0 50px 50px 0;
303 - background-color: #fff;
304 - }
305 -}
306 -
307 -.fedexRadiusTowInput {
308 - input {
309 - border-radius: 50px !important;
310 - }
311 -
312 - .el-input-group__append {
313 - border-radius: 50px;
314 - // background-color: #fff;
315 - }
316 -}
317 -
318 -.fedexFormStyle {
319 - // margin-top: 4px;
320 -
321 - .formTitle {
322 - font-size: 14px;
323 - font-weight: 600;
324 - color: #333333;
325 - margin-top: 12px;
326 - margin-bottom: 4px;
327 - }
328 -
329 - .el-form-item {
330 - position: relative;
331 - height: 50px;
332 - background-color: $formItemBackgroundColor;
333 - margin-bottom: 5px;
334 - // padding-top: 3px;
335 -
336 - .el-form-item__label {
337 - position: relative;
338 - font-size: 0.75rem;
339 - font-weight: 700;
340 - color: #333;
341 - height: max-content;
342 - padding: 0 0 0 0.6rem;
343 - line-height: 14px;
344 - /*设置行高，防止因为字体缩放导致元素高度变化*/
345 - transform: translate3d(0, 10px, 0);
346 - /*标题平移至合适位置*/
347 - transition: all 0.2s ease;
348 - cursor: text;
349 - }
350 -
351 - .el-form-item__content {
352 - position: absolute;
353 - width: 100%;
354 - height: 100%;
355 - top: 0;
356 - bottom: 0px;
357 - line-height: normal;
358 -
359 - .el-input,
360 - // .el-select,
361 - .el-date-editor,
362 - .el-range-editor,
363 - .el-checkbox,
364 - .el-autocomplete {
365 - width: 100%;
366 - height: 100%;
367 -
368 - .el-range-input {
369 - padding: 0px;
370 - }
371 -
372 - .el-range-separator {
373 - line-height: 50px;
374 - }
375 -
376 - input {
377 - width: 100%;
378 - height: 100% !important;
379 - border: none !important;
380 - background-color: transparent;
381 - padding-top: 0.775rem;
382 - // padding-right: 1.15rem;
383 - padding-left: calc(0.6rem + 0.1875rem);
384 - font-size: 0.875rem !important;
385 - }
386 - }
387 -
388 -
389 - .el-select {
390 - width: 100%;
391 - // height: 100%;
392 -
393 -
394 -
395 - input {
396 - width: 100%;
397 - height: 100% !important;
398 - border: none !important;
399 - background-color: transparent;
400 - margin-bottom: 4%;
401 - padding-top: 1.15rem;
402 - // padding-right: 1.15rem;
403 - padding-left: calc(0.6rem + 0.1875rem);
404 - font-size: 0.875rem !important;
405 - }
406 - }
407 -
408 - input {
409 - width: 100% !important;
410 - height: 100% !important;
411 - border: none !important;
412 - background-color: transparent;
413 - padding-top: 0.775rem;
414 - // padding-right: 1.15rem;
415 - padding-left: calc(0.6rem + 0.1875rem);
416 - font-size: 0.875rem !important;
417 - }
418 -
419 - .el-textarea {
420 - textarea {
421 - border: none !important;
422 - background-color: transparent;
423 - // margin-top: 1.15rem;
424 - // padding-right: 1.15rem;
425 - padding-left: calc(0.625rem + 0.1875rem);
426 - font-size: 1rem !important;
427 - }
428 - }
429 -
430 - .el-range-editor.el-input__inner {
431 - border: none;
432 - }
433 - }
434 -
435 - .formError {
436 - height: max-content;
437 - line-height: 20px;
438 - color: $fedexError;
439 - font-size: 0.75rem;
440 - padding: 0 0.9375rem;
441 - }
442 -
443 - .el-date-editor {
444 - // .el-input__prefix {
445 - // display: none;
446 - // }
447 - }
448 - }
449 -
450 - .formItem-justItem {
451 - .el-form-item__content {
452 - &:first-child {
453 - // border-bottom: 1px solid $fedexBorder;
454 - }
455 -
456 - .el-form-item {
457 - height: 25px !important;
458 - line-height: 25px;
459 - margin-bottom: 0;
460 -
461 - .el-form-item__label {
462 - transform: translate3d(0, -2px, 0);
463 - }
464 -
465 - .el-form-item__content {
466 -
467 - .el-input,
468 - .el-select,
469 - .el-date-editor,
470 - .el-range-editor,
471 - .el-autocomplete {
472 - input {
473 - padding-top: 0px;
474 - }
475 -
476 - .el-input__suffix {
477 - top: 5px;
478 - }
479 - }
480 - }
481 - }
482 - }
483 - }
484 -
485 - .el-form-item:has(input:disabled) {
486 - color: $formDisabledColor !important;
487 -
488 - .el-form-item__label {
489 - color: $formDisabledColor;
490 - }
491 -
492 - .el-form-item__content {
493 - input {
494 - color: $formDisabledColor !important;
495 - }
496 - }
497 - }
498 -
499 - .is-error {
500 - margin-bottom: 40px;
501 - border-left: 3px solid $fedexError;
502 -
503 - .el-form-item__label {
504 - color: $fedexError;
505 - }
506 - }
507 -
508 - .el-form-item:has(.inputFocus) {
509 - .el-form-item__label {
510 - position: relative;
511 - font-size: 0.625rem;
512 - font-weight: 700;
513 - height: max-content;
514 - padding: 0 0 0 0.6rem;
515 - line-height: 14px;
516 - /*设置行高，防止因为字体缩放导致元素高度变化*/
517 - transform: translate3d(0, 1px, 0);
518 - /*标题平移至合适位置*/
519 - transition: all 0.2s ease;
520 - z-index: 99;
521 - }
522 - }
523 -
524 - // .active {
525 -
526 - // .el-form-item__label {
527 - // position: relative;
528 - // font-size: 0.625rem;
529 - // font-weight: 700;
530 - // height: max-content;
531 - // padding: 0 0 0 .6rem;
532 - // line-height: 14px;
533 - // /*设置行高，防止因为字体缩放导致元素高度变化*/
534 - // transform: translate3d(0, 1px, 0);
535 - // /*标题平移至合适位置*/
536 - // transition: all .2s ease;
537 - // z-index: 99;
538 - // }
539 - // }
540 -
541 - .formItem-justItem .el-form-item:has(.inputFocus) {
542 - .el-form-item__label {
543 - display: none;
544 - }
545 - }
546 -
547 - .formItem-justItem:has(.formError) {
548 - margin-bottom: 36px;
549 - }
550 -
551 - .borderFormItemContent {
552 - .el-form-item__content {
553 - top: 10px;
554 - border-left: 2px solid #333;
555 - }
556 - }
557 -
558 - .activeBorder {
559 - border-left: 3px solid $fedexColor;
560 - }
561 -}
562 -
563 -.fedexformSreach {
564 - background-color: #fff;
565 - border-bottom: 1px solid $fedexBorder;
566 -
567 - .el-form-item {
568 - background-color: transparent;
569 - border-right: 1px solid $fedexBorder !important;
570 - margin-bottom: 0px;
571 - line-height: 25px;
572 -
573 - .el-button {
574 - margin-top: 8px;
575 - }
576 - }
577 -
578 - .activeBorder {
579 - border: none;
580 - }
581 -}
582 -
583 -.fedexTableForm {
584 - height: 100%;
585 -
586 - .el-form-item {
587 - .el-form-item__label {
588 - width: 100%;
589 - height: 34px;
590 - line-height: 34px;
591 - font-size: 12px;
592 - font-weight: 600;
593 - color: #333;
594 - background-color: #e3e3e3;
595 - padding-left: 16px;
596 - }
597 -
598 - .el-form-item__content {
599 - width: 100%;
600 - height: 100%;
601 - min-height: 36px;
602 - background-color: #f2f2f2;
603 - margin-top: 2px;
604 -
605 - div {
606 - height: 100%;
607 - // padding: 0 15px;
608 - }
609 -
610 - .el-input,
611 - .el-select {
612 - width: 100%;
613 -
614 - input {
615 - border: none;
616 - background-color: transparent;
617 - }
618 - }
619 - }
620 - }
621 -}
622 -
623 -.backgroundCol {
624 - .el-form-item {
625 - .el-form-item__label {
626 - color: $fedexBottonColor !important;
627 - }
628 - }
629 -}
630 -
631 -//table
632 -.fedexDetialTable {
633 - width: 100%;
634 - height: auto;
635 - position: relative;
636 -
637 - .el-table::before {
638 - height: 0;
639 - }
640 -
641 - .el-table tbody tr:hover>td {
642 - background-color: rgba(0, 122, 183, 0.1) !important;
643 - }
644 -
645 - .el-table__header-wrapper {
646 - width: 100%;
647 -
648 - .el-table__header {
649 - .has-gutter {
650 - tr {
651 - th {
652 - position: relative;
653 - font-size: 12px;
654 - font-weight: 700;
655 - background-color: #fff !important;
656 - border: none;
657 - }
658 - }
659 - }
660 - }
661 - }
662 -
663 - .el-table__body-wrapper {
664 - width: 100%;
665 - height: auto;
666 - min-height: 100px;
667 -
668 - .el-table__body {
669 - tbody {
670 - tr {
671 - width: 100%;
672 - // height: 50px !important;
673 -
674 - &:first-child {
675 - td {
676 - border-top: 1px solid $fedexTableBorderColor;
677 - }
678 - }
679 -
680 - td {
681 - // height: 50px !important;
682 - font-size: 12px;
683 - font-weight: 400 !important;
684 - // background-color: $fedexTablebackgroundColor;
685 - border-right: none;
686 -
687 - .cell {
688 - width: 100% !important;
689 - }
690 -
691 - &:first-child {
692 - border-left: 1px solid $fedexTableBorderColor;
693 - }
694 -
695 - &:last-child {
696 - border-right: 1px solid $fedexTableBorderColor;
697 - }
698 - }
699 -
700 - .el-table__expand-column {
701 - div {
702 - display: none;
703 - }
704 - }
705 - }
706 -
707 - .el-table__row_isError {
708 - td {
709 - // border-color: $fedexError !important;
710 - // border-top: 1px solid $fedexError !important;
711 - // border-bottom: 1px solid $fedexError !important;
712 - background-color: rgba(224, 0, 45, 0.05) !important;
713 - }
714 - }
715 -
716 - .el-table__expanded-cell {
717 - padding: 8px !important;
718 - background-color: #fff !important;
719 - border-top: 1px solid $fedexBorder;
720 - }
721 - }
722 - }
723 - }
724 -}
725 -
726 -.fedexTableBlack {
727 - .el-table__body-wrapper {
728 - .el-table__body {
729 - tbody {
730 - tr {
731 - td {
732 - background-color: $fedexTablebackgroundColor !important;
733 - border-color: $fedexTableBorderColor;
734 - }
735 - }
736 - }
737 - }
738 - }
739 -}
740 -
741 -.fedexSreachTable {
742 - .el-table__body-wrapper {
743 - height: auto;
744 -
745 - .el-table__body {
746 - tbody {
747 - tr {
748 - height: 32px !important;
749 -
750 - td {
751 - height: 32px !important;
752 - font-size: 12px;
753 - font-weight: 400 !important;
754 - }
755 - }
756 - }
757 - }
758 - }
759 -}
760 -
761 -.fedexFormTable {
762 - .el-table__body-wrapper {
763 - .el-table__body {
764 - tbody {
765 - tr {
766 - td {
767 - input {
768 - height: auto;
769 - border: none !important;
770 - background-color: transparent;
771 - padding: 0px !important;
772 - font-size: 12px !important;
773 - line-height: normal;
774 - }
775 - }
776 - }
777 - }
778 - }
779 - }
780 -}
781 -
782 -.tableHeightAuto {
783 - overflow-y: auto;
784 -
785 - .el-table__body-wrapper {
786 - // height: auto !important;
787 - }
788 -}
789 -
790 -//dropdown
791 -.el-dropdown {
792 - .el-button {
793 - // width: 4rem;
794 - }
795 -}
796 -
797 -.el-dropdown-menu {
798 - padding: 0px;
799 -
800 - .el-dropdown-menu__item {
801 - font-size: 12px;
802 - font-weight: 400;
803 - color: #333;
804 - height: 50px;
805 - line-height: 50px;
806 - border-bottom: 1px solid $fedexBorder;
807 - }
808 -
809 - .el-dropdown-menu__item:not(.is-disabled):hover,
810 - .el-dropdown-menu__item:focus {
811 - color: #333;
812 - background-color: $formItemBackgroundColor;
813 - }
814 -}
815 -
816 -//alert
817 -.fedexAlert {
818 -
819 - // position: absolute;
820 - // top: 20px;
821 - // left: 21.8%;
822 - z-index: 10;
823 - width: 100%;
824 - font-size: 14px;
825 - font-weight: 400;
826 - min-height: 80px;
827 -
828 -
829 - // margin: 0 auto;
830 - background-color: #fafafa !important;
831 - color: #000 !important;
832 - box-shadow: #cfcfcf 0px 0px 5px;
833 -
834 - .fedexAlert-list {
835 - display: flex;
836 -
837 - svg {
838 - display: block;
839 - margin-right: 25px;
840 - }
841 - }
842 -
843 - .el-icon-close:before {
844 - color: #333;
845 - font-size: 16px;
846 - }
847 -
848 - .el-icon-user-solid {
849 - position: absolute;
850 - top: 50%;
851 - left: 5%;
852 - transform: translate(-50%, -50%);
853 - font-size: 30px;
854 - }
855 -
856 - .alertText {
857 - margin-left: 80px;
858 - }
859 -
860 -}
861 -
862 -//message
863 -.el-message-box {
864 - .el-message-box__header {
865 - .el-message-box__title {
866 - .el-icon-warning {
867 - color: $fedexBottonColor;
868 - }
869 - }
870 - }
871 -
872 - .el-message-box__btns {
873 - .el-button {}
874 - }
875 -}
876 -
877 -//other
878 -.TemplateSave {
879 - width: 240px;
880 - margin-top: 24px;
881 -
882 - .el-input {
883 - height: 50px !important;
884 -
885 - .el-input__inner {
886 - height: 50px !important;
887 - }
888 -
889 - .el-input-group__append {
890 - background-color: #fff !important;
891 - color: $fedexButton !important;
892 - }
893 - }
894 -}
895 -
896 -.entryInfoTop-item {
897 - width: 320px;
898 - height: 50px;
899 -
900 - .el-form {
901 - height: 60px !important;
902 -
903 - .el-form-item {
904 - background-color: transparent;
905 -
906 - .el-form-item__label {
907 - font-size: 14px;
908 - font-weight: 600;
909 - }
910 -
911 - .el-form-item__content {
912 - border: 1px solid $fedexColor !important;
913 -
914 - .el-input {
915 - input {
916 - border: none !important;
917 - font-size: 20px;
918 - }
919 -
920 - .el-input__suffix {
921 - top: 12px;
922 - font-size: 20px;
923 - color: $fedexButton;
924 - }
925 - }
926 - }
927 - }
928 - }
929 -}
930 -
931 -.el-message-box {
932 - .el-button {
933 - border-color: $fedexBottonColor;
934 - color: $fedexBottonColor;
935 - }
936 -
937 - .el-button--primary {
938 - background-color: $fedexBottonColor;
939 - color: #fff;
940 - }
941 -
942 - .el-button:hover,
943 - .el-button:focus {
944 - background-color: $fedexBottonColor;
945 - color: #fff;
946 - }
947 -
948 - .el-button--primary:hover,
949 - .el-button--primary:focus {
950 - background-color: rgba(255, 102, 0, 0.7);
951 - }
952 -}
953 -
954 -.el-select-dropdown__item.selected {
955 - color: $fedexColor;
956 -}
957 -
958 -.popoverlines {
959 - max-height: 250px;
960 - overflow-y: auto;
961 - overflow-x: hidden;
962 -}
963 -
964 -.el-message--warning .el-message__content {
965 - color: #e6a23c;
966 -}
967 -
968 -.fedex_input_count {
969 - .el-input .el-input__count .el-input__count-inner {
970 - margin-top: 80%;
971 - background-color: rgba($color: #fff, $alpha: 0);
972 - }
973 -}
974 -
975 -.el-input .el-input__count .el-input__count-inner {
976 - background-color: rgba($color: #fff, $alpha: 0);
977 -}
978 -
979 -.el-textarea .el-input__count {
980 - font-weight: 500;
981 -}
982 -
983 -.el-message {
984 - margin-top: -0.2%;
985 -}
986 -
987 -.checkbox-step2 {
988 - .el-checkbox__label {
989 - width: 100% !important;
990 - }
991 -}
992 -
993 -.el-dialog__body {
994 - padding: 30px 0px !important;
995 -}
996 -
997 -.textarea-box {
998 -
999 - .label {
1000 -
1001 - .el-form-item__label {
1002 - padding-left: 0.69rem;
1003 - }
1004 - }
1005 -}
1006 -
1007 -.queryTextarea-box {
1008 - .el-textarea {
1009 - textarea {
1010 - height: max-content;
1011 - margin-top: 1.3rem;
1012 -
1013 - }
1014 - }
1015 -
1016 - .el-form-item {
1017 - height: 55px;
1018 - }
1019 -
1020 - .el-button {
1021 - height: 55px !important;
1022 - }
1023 -}
1024 -
1025 -.unIconDatePicker {
1026 - .el-input__suffix {
1027 - .el-input__suffix-inner {
1028 - .el-icon-date {
1029 - display: none !important;
1030 - }
1031 - }
1032 - }
1033 -}
...\ No newline at end of file ...\ No newline at end of file