xianniu-ui 0.8.26 → 0.8.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/xianniu-ui.common.js +231 -54
- package/lib/xianniu-ui.css +1 -1
- package/lib/xianniu-ui.umd.js +231 -54
- package/lib/xianniu-ui.umd.min.js +6 -6
- package/package.json +1 -1
- package/packages/city/main.vue +21 -7
- package/packages/style/lib/basic.css +1 -0
- package/packages/style/lib/card.css +1 -0
- package/packages/style/lib/city.css +1 -0
- package/packages/style/lib/date.css +1 -0
- package/packages/style/lib/description.css +1 -0
- package/packages/style/lib/ellipsis.css +1 -0
- package/packages/style/lib/flex.css +1 -0
- package/packages/style/lib/footer.css +1 -0
- package/packages/style/lib/import.css +1 -0
- package/packages/style/lib/index.css +1 -0
- package/packages/style/lib/page.css +1 -0
- package/packages/style/lib/search.css +1 -0
- package/packages/style/lib/table.css +1 -0
- package/packages/style/lib/tag.css +1 -0
- package/packages/style/lib/tip.css +1 -0
- package/packages/style/lib/tree.css +1 -0
- package/packages/style/lib/upload.css +1 -0
- package/packages/upload/AV.vue +50 -0
- package/packages/upload/main.vue +25 -0
- package/packages/upload/upload-pop.vue +2 -2
- package/src/oss/index.js +4 -0
- package/src/utils/package-lock.json +61 -0
- package/src/utils/utils.js +36 -3
- package/packages/style/gulpfile.js +0 -26
package/package.json
CHANGED
package/packages/city/main.vue
CHANGED
|
@@ -188,12 +188,9 @@ export default {
|
|
|
188
188
|
return recursive(data);
|
|
189
189
|
},
|
|
190
190
|
// 获取选中
|
|
191
|
-
handleChange(
|
|
191
|
+
handleChange(code) {
|
|
192
192
|
// 返回数组形式 code和label
|
|
193
|
-
const cityName = this.
|
|
194
|
-
const city = this.handleTreeLabel(cityCode, this.cityList, 2);
|
|
195
|
-
const cityCodeLast = cityCode[cityCode.length - 1];
|
|
196
|
-
const cityNameLast = cityName[cityName.length - 1];
|
|
193
|
+
const { city, cityCode, cityName, cityCodeLast, cityNameLast } = this.getRes(code);
|
|
197
194
|
let value = "";
|
|
198
195
|
if (this.valueKey) {
|
|
199
196
|
value = city[city.length - 1];
|
|
@@ -209,6 +206,20 @@ export default {
|
|
|
209
206
|
cityNameLast,
|
|
210
207
|
});
|
|
211
208
|
},
|
|
209
|
+
// 获取结果
|
|
210
|
+
getRes(cityCode) {
|
|
211
|
+
const cityName = this.handleTreeLabel(cityCode, this.cityList);
|
|
212
|
+
const city = this.handleTreeLabel(cityCode, this.cityList, 2);
|
|
213
|
+
const cityCodeLast = cityCode[cityCode.length - 1];
|
|
214
|
+
const cityNameLast = cityName[cityName.length - 1];
|
|
215
|
+
return {
|
|
216
|
+
city,
|
|
217
|
+
cityCode,
|
|
218
|
+
cityName,
|
|
219
|
+
cityCodeLast,
|
|
220
|
+
cityNameLast,
|
|
221
|
+
};
|
|
222
|
+
},
|
|
212
223
|
/**
|
|
213
224
|
* 根据城市code 获取对应的城市
|
|
214
225
|
* @param {Array} val 选中的城市code
|
|
@@ -253,7 +264,9 @@ export default {
|
|
|
253
264
|
const [cityName, ...rest] = nameList;
|
|
254
265
|
const item =
|
|
255
266
|
data &&
|
|
256
|
-
data.find(
|
|
267
|
+
data.find(
|
|
268
|
+
(i) => i.cityName === cityName || cityName.indexOf(i.cityName) > -1
|
|
269
|
+
);
|
|
257
270
|
if (item) {
|
|
258
271
|
return [item.cityCode, ...this.getCity(item.subCitys, rest)];
|
|
259
272
|
} else {
|
|
@@ -270,7 +283,8 @@ export default {
|
|
|
270
283
|
return ZXCITY.includes(item) && idx === 0 ? [item, ...arr] : arr;
|
|
271
284
|
})[0];
|
|
272
285
|
const arr = this.getCity(this.cityList, newarr);
|
|
273
|
-
|
|
286
|
+
const res = this.getRes(arr);
|
|
287
|
+
return { ...res };
|
|
274
288
|
},
|
|
275
289
|
},
|
|
276
290
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.text-ell-1,.text-ell-2{overflow:hidden;text-overflow:ellipsis}:export{menuText:#4A4A53;menuActiveText:#FF745C;subMenuActiveText:#FF745C;menuBg:#fff;menuHover:#FFEDEA;subMenuBg:#fff;subMenuHover:#FFEDEA;sideBarWidth:200px}.text-primary{color:#ff745c!important}.text-success{color:#52c41a!important}.text-danger{color:#ff4d4f!important}.text-warning{color:#faad14!important}.text-blue{color:#5e9dff!important}.text-red{color:#ff4d4f!important}.text-yellow{color:#ffb500!important}.text-green{color:#52c41a!important}.text-grey{color:#c1c1c9!important}.text-orange{color:#ff8c00!important}.fw-1{font-weight:100!important}.fw-2{font-weight:200!important}.fw-3{font-weight:300!important}.fw-4{font-weight:400!important}.fw-5{font-weight:500!important}.fw-6{font-weight:600!important}.fw-7{font-weight:700!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.fz-0{font-size:0!important}.m-1{margin:1px!important}.mt-1{margin-top:1px!important}.mb-1{margin-bottom:1px!important}.ml-1{margin-left:1px!important}.mr-1{margin-right:1px!important}.p-1{padding:1px!important}.pt-1{padding-top:1px!important}.pb-1{padding-bottom:1px!important}.pl-1{padding-left:1px!important}.pr-1{padding-right:1px!important}.fz-1{font-size:1px!important}.m-2{margin:2px!important}.mt-2{margin-top:2px!important}.mb-2{margin-bottom:2px!important}.ml-2{margin-left:2px!important}.mr-2{margin-right:2px!important}.p-2{padding:2px!important}.pt-2{padding-top:2px!important}.pb-2{padding-bottom:2px!important}.pl-2{padding-left:2px!important}.pr-2{padding-right:2px!important}.fz-2{font-size:2px!important}.m-3{margin:3px!important}.mt-3{margin-top:3px!important}.mb-3{margin-bottom:3px!important}.ml-3{margin-left:3px!important}.mr-3{margin-right:3px!important}.p-3{padding:3px!important}.pt-3{padding-top:3px!important}.pb-3{padding-bottom:3px!important}.pl-3{padding-left:3px!important}.pr-3{padding-right:3px!important}.fz-3{font-size:3px!important}.m-4{margin:4px!important}.mt-4{margin-top:4px!important}.mb-4{margin-bottom:4px!important}.ml-4{margin-left:4px!important}.mr-4{margin-right:4px!important}.p-4{padding:4px!important}.pt-4{padding-top:4px!important}.pb-4{padding-bottom:4px!important}.pl-4{padding-left:4px!important}.pr-4{padding-right:4px!important}.fz-4{font-size:4px!important}.m-5{margin:5px!important}.mt-5{margin-top:5px!important}.mb-5{margin-bottom:5px!important}.ml-5{margin-left:5px!important}.mr-5{margin-right:5px!important}.p-5{padding:5px!important}.pt-5{padding-top:5px!important}.pb-5{padding-bottom:5px!important}.pl-5{padding-left:5px!important}.pr-5{padding-right:5px!important}.fz-5{font-size:5px!important}.m-6{margin:6px!important}.mt-6{margin-top:6px!important}.mb-6{margin-bottom:6px!important}.ml-6{margin-left:6px!important}.mr-6{margin-right:6px!important}.p-6{padding:6px!important}.pt-6{padding-top:6px!important}.pb-6{padding-bottom:6px!important}.pl-6{padding-left:6px!important}.pr-6{padding-right:6px!important}.fz-6{font-size:6px!important}.m-7{margin:7px!important}.mt-7{margin-top:7px!important}.mb-7{margin-bottom:7px!important}.ml-7{margin-left:7px!important}.mr-7{margin-right:7px!important}.p-7{padding:7px!important}.pt-7{padding-top:7px!important}.pb-7{padding-bottom:7px!important}.pl-7{padding-left:7px!important}.pr-7{padding-right:7px!important}.fz-7{font-size:7px!important}.m-8{margin:8px!important}.mt-8{margin-top:8px!important}.mb-8{margin-bottom:8px!important}.ml-8{margin-left:8px!important}.mr-8{margin-right:8px!important}.p-8{padding:8px!important}.pt-8{padding-top:8px!important}.pb-8{padding-bottom:8px!important}.pl-8{padding-left:8px!important}.pr-8{padding-right:8px!important}.fz-8{font-size:8px!important}.m-9{margin:9px!important}.mt-9{margin-top:9px!important}.mb-9{margin-bottom:9px!important}.ml-9{margin-left:9px!important}.mr-9{margin-right:9px!important}.p-9{padding:9px!important}.pt-9{padding-top:9px!important}.pb-9{padding-bottom:9px!important}.pl-9{padding-left:9px!important}.pr-9{padding-right:9px!important}.fz-9{font-size:9px!important}.m-10{margin:10px!important}.mt-10{margin-top:10px!important}.mb-10{margin-bottom:10px!important}.ml-10{margin-left:10px!important}.mr-10{margin-right:10px!important}.p-10{padding:10px!important}.pt-10{padding-top:10px!important}.pb-10{padding-bottom:10px!important}.pl-10{padding-left:10px!important}.pr-10{padding-right:10px!important}.fz-10{font-size:10px!important}.m-11{margin:11px!important}.mt-11{margin-top:11px!important}.mb-11{margin-bottom:11px!important}.ml-11{margin-left:11px!important}.mr-11{margin-right:11px!important}.p-11{padding:11px!important}.pt-11{padding-top:11px!important}.pb-11{padding-bottom:11px!important}.pl-11{padding-left:11px!important}.pr-11{padding-right:11px!important}.fz-11{font-size:11px!important}.m-12{margin:12px!important}.mt-12{margin-top:12px!important}.mb-12{margin-bottom:12px!important}.ml-12{margin-left:12px!important}.mr-12{margin-right:12px!important}.p-12{padding:12px!important}.pt-12{padding-top:12px!important}.pb-12{padding-bottom:12px!important}.pl-12{padding-left:12px!important}.pr-12{padding-right:12px!important}.fz-12{font-size:12px!important}.m-13{margin:13px!important}.mt-13{margin-top:13px!important}.mb-13{margin-bottom:13px!important}.ml-13{margin-left:13px!important}.mr-13{margin-right:13px!important}.p-13{padding:13px!important}.pt-13{padding-top:13px!important}.pb-13{padding-bottom:13px!important}.pl-13{padding-left:13px!important}.pr-13{padding-right:13px!important}.fz-13{font-size:13px!important}.m-14{margin:14px!important}.mt-14{margin-top:14px!important}.mb-14{margin-bottom:14px!important}.ml-14{margin-left:14px!important}.mr-14{margin-right:14px!important}.p-14{padding:14px!important}.pt-14{padding-top:14px!important}.pb-14{padding-bottom:14px!important}.pl-14{padding-left:14px!important}.pr-14{padding-right:14px!important}.fz-14{font-size:14px!important}.m-15{margin:15px!important}.mt-15{margin-top:15px!important}.mb-15{margin-bottom:15px!important}.ml-15{margin-left:15px!important}.mr-15{margin-right:15px!important}.p-15{padding:15px!important}.pt-15{padding-top:15px!important}.pb-15{padding-bottom:15px!important}.pl-15{padding-left:15px!important}.pr-15{padding-right:15px!important}.fz-15{font-size:15px!important}.m-16{margin:16px!important}.mt-16{margin-top:16px!important}.mb-16{margin-bottom:16px!important}.ml-16{margin-left:16px!important}.mr-16{margin-right:16px!important}.p-16{padding:16px!important}.pt-16{padding-top:16px!important}.pb-16{padding-bottom:16px!important}.pl-16{padding-left:16px!important}.pr-16{padding-right:16px!important}.fz-16{font-size:16px!important}.m-17{margin:17px!important}.mt-17{margin-top:17px!important}.mb-17{margin-bottom:17px!important}.ml-17{margin-left:17px!important}.mr-17{margin-right:17px!important}.p-17{padding:17px!important}.pt-17{padding-top:17px!important}.pb-17{padding-bottom:17px!important}.pl-17{padding-left:17px!important}.pr-17{padding-right:17px!important}.fz-17{font-size:17px!important}.m-18{margin:18px!important}.mt-18{margin-top:18px!important}.mb-18{margin-bottom:18px!important}.ml-18{margin-left:18px!important}.mr-18{margin-right:18px!important}.p-18{padding:18px!important}.pt-18{padding-top:18px!important}.pb-18{padding-bottom:18px!important}.pl-18{padding-left:18px!important}.pr-18{padding-right:18px!important}.fz-18{font-size:18px!important}.m-19{margin:19px!important}.mt-19{margin-top:19px!important}.mb-19{margin-bottom:19px!important}.ml-19{margin-left:19px!important}.mr-19{margin-right:19px!important}.p-19{padding:19px!important}.pt-19{padding-top:19px!important}.pb-19{padding-bottom:19px!important}.pl-19{padding-left:19px!important}.pr-19{padding-right:19px!important}.fz-19{font-size:19px!important}.m-20{margin:20px!important}.mt-20{margin-top:20px!important}.mb-20{margin-bottom:20px!important}.ml-20{margin-left:20px!important}.mr-20{margin-right:20px!important}.p-20{padding:20px!important}.pt-20{padding-top:20px!important}.pb-20{padding-bottom:20px!important}.pl-20{padding-left:20px!important}.pr-20{padding-right:20px!important}.fz-20{font-size:20px!important}.m-21{margin:21px!important}.mt-21{margin-top:21px!important}.mb-21{margin-bottom:21px!important}.ml-21{margin-left:21px!important}.mr-21{margin-right:21px!important}.p-21{padding:21px!important}.pt-21{padding-top:21px!important}.pb-21{padding-bottom:21px!important}.pl-21{padding-left:21px!important}.pr-21{padding-right:21px!important}.fz-21{font-size:21px!important}.m-22{margin:22px!important}.mt-22{margin-top:22px!important}.mb-22{margin-bottom:22px!important}.ml-22{margin-left:22px!important}.mr-22{margin-right:22px!important}.p-22{padding:22px!important}.pt-22{padding-top:22px!important}.pb-22{padding-bottom:22px!important}.pl-22{padding-left:22px!important}.pr-22{padding-right:22px!important}.fz-22{font-size:22px!important}.m-23{margin:23px!important}.mt-23{margin-top:23px!important}.mb-23{margin-bottom:23px!important}.ml-23{margin-left:23px!important}.mr-23{margin-right:23px!important}.p-23{padding:23px!important}.pt-23{padding-top:23px!important}.pb-23{padding-bottom:23px!important}.pl-23{padding-left:23px!important}.pr-23{padding-right:23px!important}.fz-23{font-size:23px!important}.m-24{margin:24px!important}.mt-24{margin-top:24px!important}.mb-24{margin-bottom:24px!important}.ml-24{margin-left:24px!important}.mr-24{margin-right:24px!important}.p-24{padding:24px!important}.pt-24{padding-top:24px!important}.pb-24{padding-bottom:24px!important}.pl-24{padding-left:24px!important}.pr-24{padding-right:24px!important}.fz-24{font-size:24px!important}.m-25{margin:25px!important}.mt-25{margin-top:25px!important}.mb-25{margin-bottom:25px!important}.ml-25{margin-left:25px!important}.mr-25{margin-right:25px!important}.p-25{padding:25px!important}.pt-25{padding-top:25px!important}.pb-25{padding-bottom:25px!important}.pl-25{padding-left:25px!important}.pr-25{padding-right:25px!important}.fz-25{font-size:25px!important}.m-26{margin:26px!important}.mt-26{margin-top:26px!important}.mb-26{margin-bottom:26px!important}.ml-26{margin-left:26px!important}.mr-26{margin-right:26px!important}.p-26{padding:26px!important}.pt-26{padding-top:26px!important}.pb-26{padding-bottom:26px!important}.pl-26{padding-left:26px!important}.pr-26{padding-right:26px!important}.fz-26{font-size:26px!important}.m-27{margin:27px!important}.mt-27{margin-top:27px!important}.mb-27{margin-bottom:27px!important}.ml-27{margin-left:27px!important}.mr-27{margin-right:27px!important}.p-27{padding:27px!important}.pt-27{padding-top:27px!important}.pb-27{padding-bottom:27px!important}.pl-27{padding-left:27px!important}.pr-27{padding-right:27px!important}.fz-27{font-size:27px!important}.m-28{margin:28px!important}.mt-28{margin-top:28px!important}.mb-28{margin-bottom:28px!important}.ml-28{margin-left:28px!important}.mr-28{margin-right:28px!important}.p-28{padding:28px!important}.pt-28{padding-top:28px!important}.pb-28{padding-bottom:28px!important}.pl-28{padding-left:28px!important}.pr-28{padding-right:28px!important}.fz-28{font-size:28px!important}.m-29{margin:29px!important}.mt-29{margin-top:29px!important}.mb-29{margin-bottom:29px!important}.ml-29{margin-left:29px!important}.mr-29{margin-right:29px!important}.p-29{padding:29px!important}.pt-29{padding-top:29px!important}.pb-29{padding-bottom:29px!important}.pl-29{padding-left:29px!important}.pr-29{padding-right:29px!important}.fz-29{font-size:29px!important}.m-30{margin:30px!important}.mt-30{margin-top:30px!important}.mb-30{margin-bottom:30px!important}.ml-30{margin-left:30px!important}.mr-30{margin-right:30px!important}.p-30{padding:30px!important}.pt-30{padding-top:30px!important}.pb-30{padding-bottom:30px!important}.pl-30{padding-left:30px!important}.pr-30{padding-right:30px!important}.fz-30{font-size:30px!important}.text-ell-1{white-space:nowrap}.text-ell-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-left{text-align:left!important}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xn-card{background-color:#fff;padding:0 30px}.xn-card-header{padding:20px 0 13px;border-bottom:1px solid #f2f2f2}.xn-card-header h3{margin:0;padding:0;font-size:18px;font-weight:500;color:#202131;line-height:25px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xn-city{width:100%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xn-date .el-range-editor.el-input__inner{padding:4px 10px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xn-desc{width:100%;background-color:#fff}.xn-desc+.xn-desc{margin-top:20px}.xn-desc-header{padding:10px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #e8eaec}.xn-desc-border{border:1px solid #e6ebf5;border-radius:4px}.xn-desc-title{margin:0;color:#ff745c;font-weight:700;font-size:15px;line-height:1.5715}.xn-desc__row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-radius:2px;width:100%}.xn-desc__row>:not([class*=xn-desc-item]){width:100%}.xn-desc-item{margin:10px 0}.xn-desc-item__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:rgba(0,0,0,.65);font-size:14px;line-height:1.5;width:100%;height:100%}.xn-desc-item__content.small .xn-desc-item__label,.xn-desc-item__content.small .xn-desc-item__value{padding:10px 14px}.xn-desc-item__label{text-align:right;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;color:#909097;font-weight:400;font-size:14px;line-height:1.5;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:0 10px 0 0}.xn-desc-item__label.has-colon::after{content:":";position:relative;top:-1.5px}.xn-desc-item__value{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;word-break:break-all;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:#202131}.xn-desc-item__value span{color:#aaa}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xn-ellipsis{white-space:pre-wrap;word-break:break-word;line-height:1.6;font-size:14px;color:inherit}.xn-ellipsis__action{color:#ff745c;cursor:pointer}.xn-ellipsis__tooltip{max-width:300px!important}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.flex{display:-webkit-box;display:-webkit-flexbox;display:-ms-flexbox;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.flex-direction-default,.flex-direction-row{-webkit-box-orient:horizontal;-webkit-box-direction:inherit;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.flex-direction-col{-webkit-box-orient:vertical;-webkit-box-direction:inherit;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex-direction-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-moz-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-direction-col-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-moz-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-wrap-no{-ms-flex-wrap:none;flex-wrap:nowrap}.flex-wrap-yes{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-basis-1{-ms-flex-preferred-size:1;flex-basis:1}.flex-grow-1{-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.flex-shrink-1{-ms-flex-negative:1;flex-shrink:1}.flex-order-1{-webkit-box-ordinal-group:2;-moz-order:1;-ms-flex-order:1;order:1}.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center}.justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-moz-justify-content:space-between;justify-content:space-between}.justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;-moz-justify-content:flex-end;justify-content:flex-end}.align-items-center{-webkit-box-align:center;-ms-flex-align:center;-moz-align-items:center;align-items:center}.align-self-center{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.align-content-center{-ms-flex-line-pack:center;align-content:center}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xn-footer{position:relative;height:60px}.xn-footer-main{position:fixed;bottom:0;right:0;height:60px;width:calc(100% - 200px);background-color:#fff;line-height:60px;padding:0 15px;z-index:1000}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xn-import .xn-import-upload .el-upload,.xn-import .xn-import-upload .el-upload .el-upload-dragger{width:100%}.xn-import .xn-import-upload .el-upload .el-upload-dragger .xn-import-trigger{width:100%;height:100%;border-radius:5px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.xn-import .xn-import-upload .el-upload .el-upload-dragger .xn-import-trigger.is-disabled{background-color:#e9e9eb;color:#bcbec2;cursor:not-allowed}.xn-import .xn-import-upload .el-upload .el-upload-dragger .xn-import-trigger__icon{margin-top:0;font-size:60px;color:#c0c4cc}.xn-import .xn-import-upload .el-upload .el-upload-dragger .xn-import-trigger__text{color:#606266;font-size:14px}.xn-import .xn-import-upload .el-upload .el-upload-dragger .xn-import-trigger__text em{color:#ff745c;font-style:normal}.xn-import .xn-import-upload-desc{color:#909399}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";.text-ell-1,.xn-search--row.el-row .el-form-item.xn-search-searchbtn .el-form-item__content{white-space:nowrap}.xn-desc-item__label,.xn-page,.xn-table-box-tools{text-align:right}.xn-search--row.el-row .el-form-item{display:-webkit-box;display:-ms-flexbox;display:flex}.xn-search--row.el-row .el-form-item .el-form-item__content{width:100%;height:32px}.xn-search--row.el-row .el-form-item .el-form-item__label{-webkit-box-flex:0;-ms-flex:none;flex:none}.xn-table-box .el-table.disabled-all-selection .el-table__header-wrapper .el-checkbox{display:none!important}.xn-table-box .el-table.disabled-all-selection .el-table__body-wrapper td.el-table__cell:first-child .cell .el-radio .el-radio__label{font-size:0!important;padding-left:0!important}.xn-table-box-tools.is-border{border-bottom:1px solid #f0f0f0}.xn-table-box-tools__pop{min-width:120px!important;padding:0 0 0 10px!important}.xn-table-box-tools__coll{height:200px;overflow-y:auto}.xn-table-box .el-table .el-table__body-wrapper::-webkit-scrollbar{width:6px;height:8px;background-color:#ebeef5}.xn-table-box .el-table .el-table__body-wrapper::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:3px;background:#fff}.xn-table-box .el-table .el-table__body-wrapper::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#ccc}.xn-table-box .el-table .el-table__fixed,.xn-table-box .el-table .el-table__fixed-right{height:calc(100% - 7px)!important;-webkit-box-shadow:-7px 0 7px -7px rgba(0,0,0,.12);box-shadow:-7px 0 7px -7px rgba(0,0,0,.12)}.xn-page{margin-top:15px}.xn-page.is-hidden,.xn-upload.is-hidden .el-upload.el-upload--picture-card{display:none}.xn-upload.is-idcard{overflow:hidden}.xn-upload.is-idcard .el-upload--picture-card{width:100%;height:100%;overflow:hidden}.xn-upload.is-idcard .el-upload-list--picture-card .el-upload-list__item{width:100%;height:100%;line-height:normal}.xn-upload-list__item-file{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 0}.xn-upload-list__item-file .annex{color:#ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:20px;line-height:20px}.xn-upload-list__item-file .annex .el-icon{font-size:18px}.xn-upload-list__item-file .annex .label{padding-left:5px}.xn-upload-list__item-file .file-name{line-height:20px;font-size:12px;color:#ccc;padding:0 6px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.xn-upload.is-disabled .el-upload.el-upload--picture-card{cursor:not-allowed;background-color:#f4f4f5}.xn-upload.is-disabled .el-upload.el-upload--picture-card:hover{border-color:#c0ccda;color:#c0ccda}.xn-upload.is-disabled .el-upload.el-upload--picture-card .upload-limit i,.xn-upload.is-disabled .el-upload.el-upload--picture-card .upload-limit span{color:#bcbec2}.xn-upload:not(.is-idcard) .el-upload-list.el-upload-list--picture-card .el-upload-list__item{width:80px;height:80px}.xn-upload:not(.is-idcard) .el-upload-list.el-upload-list--picture-card .el-upload-list__item img.el-upload-list__item-thumbnail{-o-object-fit:cover;object-fit:cover}.xn-upload:not(.is-idcard) .el-upload.el-upload--picture-card{width:80px;height:80px;line-height:80px;font-size:14px;position:relative}.xn-upload:not(.is-idcard) .el-upload.el-upload--picture-card .el-upload-list__item{width:80px;height:80px}.xn-upload:not(.is-idcard) .el-upload.el-upload--picture-card .el-upload-list__item img.el-upload-list__item-thumbnail{-o-object-fit:cover;object-fit:cover}.xn-upload:not(.is-idcard) .el-upload.el-upload--picture-card .upload-limit{width:inherit;height:inherit}.xn-upload:not(.is-idcard) .el-upload.el-upload--picture-card .upload-limit i{font-size:20px}.xn-upload--slot{height:100%}.xn-upload--slot .process{position:absolute;left:0;top:0;background:rgba(0,0,0,.4);width:100%;height:100%}.xn-upload--slot .process .el-progress .el-progress-circle{width:99%!important;height:99%!important}.xn-upload--slot .process .el-progress .el-progress__text{color:#fff!important;font-size:12px!important}.xn-upload--slot__ext{position:absolute;bottom:0;right:0;z-index:1000;background:rgba(0,0,0,.4);height:20px;line-height:20px;color:#fff;font-size:12px;padding:0 5px;border-radius:0}.xn-upload .el-upload-list__item .el-progress{width:50%}.xn-idcard{position:relative;border-radius:10px;overflow:hidden}.xn-idcard img{display:block;width:calc(100% - 2px);height:100%;-o-object-fit:cover;object-fit:cover}.xn-city,.xn-idcard-rotate,.xn-tree{width:100%}.xn-idcard .tip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:16px;color:#999;text-align:center}.xn-idcard .tip i{font-size:36px}.xn-idcard .tip span{line-height:1.5}.xn-idcard-rotate{height:100%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;overflow:hidden}.xn-date .el-range-editor.el-input__inner{padding:4px 10px}.xn-tip{padding:12px;font-weight:700;margin-bottom:10px}.xn-tip:last-child{margin-bottom:0}.xn-tip.xn-tip--primary{background:rgba(255,116,92,.1);border-left:5px solid #FF745C}.xn-tip.xn-tip--danger{background:rgba(255,77,79,.1);border-left:5px solid #FF4D4F}.xn-tip.xn-tip--warning{background:rgba(250,173,20,.1);border-left:5px solid #FAAD14}.xn-tip.xn-tip--info{background:rgba(144,147,153,.1);border-left:5px solid #909399}.xn-tip.xn-tip--success{background:rgba(82,196,26,.1);border-left:5px solid #52C41A}.xn-tree .el-tree-node{position:relative;z-index:9;padding-left:16px}.xn-tree .el-tree-node__expand-icon.is-leaf{display:none}.xn-tree .el-tree-node__children{padding-left:16px}.xn-tree .el-tree-node :last-child::before{height:38px}.xn-tree .el-tree>.el-tree-node::before{border-left:none}.xn-tree .el-tree>.el-tree-node:after{border-top:none}.xn-tree .el-tree-node::before,.xn-tree .el-tree-node:after{content:"";left:-4px;position:absolute;right:auto;border-width:1px}.xn-tree .el-tree-node::before{border-left:1px dashed #dcdfe6;bottom:0;height:100%;top:-26px;width:1px}.xn-tree .el-tree-node:after{border-top:1px dashed #dcdfe6;height:20px;top:12px;width:18px}.xn-tree .el-tree .el-tree-node__expand-icon.expanded{-webkit-transform:rotate(0);transform:rotate(0)}.xn-tree .el-tree .el-icon-caret-right::before{content:"";font-size:16px;color:#ff745c;position:absolute;left:-4px;top:-3px}.xn-tree .el-tree .el-tree-node__expand-icon.expanded.el-icon-caret-right::before{content:"";font-size:16px;color:#ff745c;position:absolute;left:-4px;top:-3px}.xn-tree .el-tree-node__content{padding-left:8px!important}#app .hideSidebar .el-submenu>.el-submenu__title,#app .hideSidebar .submenu-title-noDropdown,#app .hideSidebar .submenu-title-noDropdown .el-tooltip,.p-0{padding:0!important}.xn-tree .el-tree-node__content:hover{background-color:#fff}.xn-import .xn-import-upload .el-upload,.xn-import .xn-import-upload .el-upload .el-upload-dragger{width:100%}.xn-import .xn-import-upload .el-upload .el-upload-dragger .xn-import-trigger{width:100%;height:100%;border-radius:5px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.flex,.text-ell-2{display:-webkit-box}.flex,.xn-desc-header,.xn-desc__row{display:-ms-flexbox}.xn-import .xn-import-upload .el-upload .el-upload-dragger .xn-import-trigger.is-disabled{background-color:#e9e9eb;color:#bcbec2;cursor:not-allowed}.xn-import .xn-import-upload .el-upload .el-upload-dragger .xn-import-trigger__icon{margin-top:0;font-size:60px;color:#c0c4cc}.xn-import .xn-import-upload .el-upload .el-upload-dragger .xn-import-trigger__text{color:#606266;font-size:14px}.xn-import .xn-import-upload .el-upload .el-upload-dragger .xn-import-trigger__text em{color:#ff745c;font-style:normal}.xn-import .xn-import-upload-desc{color:#909399}.text-primary{color:#ff745c!important}.text-success{color:#52c41a!important}.text-danger{color:#ff4d4f!important}.text-warning{color:#faad14!important}.text-blue{color:#5e9dff!important}.text-red{color:#ff4d4f!important}.text-yellow{color:#ffb500!important}.text-green{color:#52c41a!important}.text-grey{color:#c1c1c9!important}.text-orange{color:#ff8c00!important}.fw-1{font-weight:100!important}.fw-2{font-weight:200!important}.fw-3{font-weight:300!important}.fw-4{font-weight:400!important}.fw-5{font-weight:500!important}.fw-6{font-weight:600!important}.fw-7{font-weight:700!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}.pt-0{padding-top:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.fz-0{font-size:0!important}.m-1{margin:1px!important}.mt-1{margin-top:1px!important}.mb-1{margin-bottom:1px!important}.ml-1{margin-left:1px!important}.mr-1{margin-right:1px!important}.p-1{padding:1px!important}.pt-1{padding-top:1px!important}.pb-1{padding-bottom:1px!important}.pl-1{padding-left:1px!important}.pr-1{padding-right:1px!important}.fz-1{font-size:1px!important}.m-2{margin:2px!important}.mt-2{margin-top:2px!important}.mb-2{margin-bottom:2px!important}.ml-2{margin-left:2px!important}.mr-2{margin-right:2px!important}.p-2{padding:2px!important}.pt-2{padding-top:2px!important}.pb-2{padding-bottom:2px!important}.pl-2{padding-left:2px!important}.pr-2{padding-right:2px!important}.fz-2{font-size:2px!important}.m-3{margin:3px!important}.mt-3{margin-top:3px!important}.mb-3{margin-bottom:3px!important}.ml-3{margin-left:3px!important}.mr-3{margin-right:3px!important}.p-3{padding:3px!important}.pt-3{padding-top:3px!important}.pb-3{padding-bottom:3px!important}.pl-3{padding-left:3px!important}.pr-3{padding-right:3px!important}.fz-3{font-size:3px!important}.m-4{margin:4px!important}.mt-4{margin-top:4px!important}.mb-4{margin-bottom:4px!important}.ml-4{margin-left:4px!important}.mr-4{margin-right:4px!important}.p-4{padding:4px!important}.pt-4{padding-top:4px!important}.pb-4{padding-bottom:4px!important}.pl-4{padding-left:4px!important}.pr-4{padding-right:4px!important}.fz-4{font-size:4px!important}.m-5{margin:5px!important}.mt-5{margin-top:5px!important}.mb-5{margin-bottom:5px!important}.ml-5{margin-left:5px!important}.mr-5{margin-right:5px!important}.p-5{padding:5px!important}.pt-5{padding-top:5px!important}.pb-5{padding-bottom:5px!important}.pl-5{padding-left:5px!important}.pr-5{padding-right:5px!important}.fz-5{font-size:5px!important}.m-6{margin:6px!important}.mt-6{margin-top:6px!important}.mb-6{margin-bottom:6px!important}.ml-6{margin-left:6px!important}.mr-6{margin-right:6px!important}.p-6{padding:6px!important}.pt-6{padding-top:6px!important}.pb-6{padding-bottom:6px!important}.pl-6{padding-left:6px!important}.pr-6{padding-right:6px!important}.fz-6{font-size:6px!important}.m-7{margin:7px!important}.mt-7{margin-top:7px!important}.mb-7{margin-bottom:7px!important}.ml-7{margin-left:7px!important}.mr-7{margin-right:7px!important}.p-7{padding:7px!important}.pt-7{padding-top:7px!important}.pb-7{padding-bottom:7px!important}.pl-7{padding-left:7px!important}.pr-7{padding-right:7px!important}.fz-7{font-size:7px!important}.m-8{margin:8px!important}.mt-8{margin-top:8px!important}.mb-8{margin-bottom:8px!important}.ml-8{margin-left:8px!important}.mr-8{margin-right:8px!important}.p-8{padding:8px!important}.pt-8{padding-top:8px!important}.pb-8{padding-bottom:8px!important}.pl-8{padding-left:8px!important}.pr-8{padding-right:8px!important}.fz-8{font-size:8px!important}.m-9{margin:9px!important}.mt-9{margin-top:9px!important}.mb-9{margin-bottom:9px!important}.ml-9{margin-left:9px!important}.mr-9{margin-right:9px!important}.p-9{padding:9px!important}.pt-9{padding-top:9px!important}.pb-9{padding-bottom:9px!important}.pl-9{padding-left:9px!important}.pr-9{padding-right:9px!important}.fz-9{font-size:9px!important}.m-10{margin:10px!important}.mt-10{margin-top:10px!important}.mb-10{margin-bottom:10px!important}.ml-10{margin-left:10px!important}.mr-10{margin-right:10px!important}.p-10{padding:10px!important}.pt-10{padding-top:10px!important}.pb-10{padding-bottom:10px!important}.pl-10{padding-left:10px!important}.pr-10{padding-right:10px!important}.fz-10{font-size:10px!important}.m-11{margin:11px!important}.mt-11{margin-top:11px!important}.mb-11{margin-bottom:11px!important}.ml-11{margin-left:11px!important}.mr-11{margin-right:11px!important}.p-11{padding:11px!important}.pt-11{padding-top:11px!important}.pb-11{padding-bottom:11px!important}.pl-11{padding-left:11px!important}.pr-11{padding-right:11px!important}.fz-11{font-size:11px!important}.m-12{margin:12px!important}.mt-12{margin-top:12px!important}.mb-12{margin-bottom:12px!important}.ml-12{margin-left:12px!important}.mr-12{margin-right:12px!important}.p-12{padding:12px!important}.pt-12{padding-top:12px!important}.pb-12{padding-bottom:12px!important}.pl-12{padding-left:12px!important}.pr-12{padding-right:12px!important}.fz-12{font-size:12px!important}.m-13{margin:13px!important}.mt-13{margin-top:13px!important}.mb-13{margin-bottom:13px!important}.ml-13{margin-left:13px!important}.mr-13{margin-right:13px!important}.p-13{padding:13px!important}.pt-13{padding-top:13px!important}.pb-13{padding-bottom:13px!important}.pl-13{padding-left:13px!important}.pr-13{padding-right:13px!important}.fz-13{font-size:13px!important}.m-14{margin:14px!important}.mt-14{margin-top:14px!important}.mb-14{margin-bottom:14px!important}.ml-14{margin-left:14px!important}.mr-14{margin-right:14px!important}.p-14{padding:14px!important}.pt-14{padding-top:14px!important}.pb-14{padding-bottom:14px!important}.pl-14{padding-left:14px!important}.pr-14{padding-right:14px!important}.fz-14{font-size:14px!important}.m-15{margin:15px!important}.mt-15{margin-top:15px!important}.mb-15{margin-bottom:15px!important}.ml-15{margin-left:15px!important}.mr-15{margin-right:15px!important}.p-15{padding:15px!important}.pt-15{padding-top:15px!important}.pb-15{padding-bottom:15px!important}.pl-15{padding-left:15px!important}.pr-15{padding-right:15px!important}.fz-15{font-size:15px!important}.m-16{margin:16px!important}.mt-16{margin-top:16px!important}.mb-16{margin-bottom:16px!important}.ml-16{margin-left:16px!important}.mr-16{margin-right:16px!important}.p-16{padding:16px!important}.pt-16{padding-top:16px!important}.pb-16{padding-bottom:16px!important}.pl-16{padding-left:16px!important}.pr-16{padding-right:16px!important}.fz-16{font-size:16px!important}.m-17{margin:17px!important}.mt-17{margin-top:17px!important}.mb-17{margin-bottom:17px!important}.ml-17{margin-left:17px!important}.mr-17{margin-right:17px!important}.p-17{padding:17px!important}.pt-17{padding-top:17px!important}.pb-17{padding-bottom:17px!important}.pl-17{padding-left:17px!important}.pr-17{padding-right:17px!important}.fz-17{font-size:17px!important}.m-18{margin:18px!important}.mt-18{margin-top:18px!important}.mb-18{margin-bottom:18px!important}.ml-18{margin-left:18px!important}.mr-18{margin-right:18px!important}.p-18{padding:18px!important}.pt-18{padding-top:18px!important}.pb-18{padding-bottom:18px!important}.pl-18{padding-left:18px!important}.pr-18{padding-right:18px!important}.fz-18{font-size:18px!important}.m-19{margin:19px!important}.mt-19{margin-top:19px!important}.mb-19{margin-bottom:19px!important}.ml-19{margin-left:19px!important}.mr-19{margin-right:19px!important}.p-19{padding:19px!important}.pt-19{padding-top:19px!important}.pb-19{padding-bottom:19px!important}.pl-19{padding-left:19px!important}.pr-19{padding-right:19px!important}.fz-19{font-size:19px!important}.m-20{margin:20px!important}.mt-20{margin-top:20px!important}.mb-20{margin-bottom:20px!important}.ml-20{margin-left:20px!important}.mr-20{margin-right:20px!important}.p-20{padding:20px!important}.pt-20{padding-top:20px!important}.pb-20{padding-bottom:20px!important}.pl-20{padding-left:20px!important}.pr-20{padding-right:20px!important}.fz-20{font-size:20px!important}.m-21{margin:21px!important}.mt-21{margin-top:21px!important}.mb-21{margin-bottom:21px!important}.ml-21{margin-left:21px!important}.mr-21{margin-right:21px!important}.p-21{padding:21px!important}.pt-21{padding-top:21px!important}.pb-21{padding-bottom:21px!important}.pl-21{padding-left:21px!important}.pr-21{padding-right:21px!important}.fz-21{font-size:21px!important}.m-22{margin:22px!important}.mt-22{margin-top:22px!important}.mb-22{margin-bottom:22px!important}.ml-22{margin-left:22px!important}.mr-22{margin-right:22px!important}.p-22{padding:22px!important}.pt-22{padding-top:22px!important}.pb-22{padding-bottom:22px!important}.pl-22{padding-left:22px!important}.pr-22{padding-right:22px!important}.fz-22{font-size:22px!important}.m-23{margin:23px!important}.mt-23{margin-top:23px!important}.mb-23{margin-bottom:23px!important}.ml-23{margin-left:23px!important}.mr-23{margin-right:23px!important}.p-23{padding:23px!important}.pt-23{padding-top:23px!important}.pb-23{padding-bottom:23px!important}.pl-23{padding-left:23px!important}.pr-23{padding-right:23px!important}.fz-23{font-size:23px!important}.m-24{margin:24px!important}.mt-24{margin-top:24px!important}.mb-24{margin-bottom:24px!important}.ml-24{margin-left:24px!important}.mr-24{margin-right:24px!important}.p-24{padding:24px!important}.pt-24{padding-top:24px!important}.pb-24{padding-bottom:24px!important}.pl-24{padding-left:24px!important}.pr-24{padding-right:24px!important}.fz-24{font-size:24px!important}.m-25{margin:25px!important}.mt-25{margin-top:25px!important}.mb-25{margin-bottom:25px!important}.ml-25{margin-left:25px!important}.mr-25{margin-right:25px!important}.p-25{padding:25px!important}.pt-25{padding-top:25px!important}.pb-25{padding-bottom:25px!important}.pl-25{padding-left:25px!important}.pr-25{padding-right:25px!important}.fz-25{font-size:25px!important}.m-26{margin:26px!important}.mt-26{margin-top:26px!important}.mb-26{margin-bottom:26px!important}.ml-26{margin-left:26px!important}.mr-26{margin-right:26px!important}.p-26{padding:26px!important}.pt-26{padding-top:26px!important}.pb-26{padding-bottom:26px!important}.pl-26{padding-left:26px!important}.pr-26{padding-right:26px!important}.fz-26{font-size:26px!important}.m-27{margin:27px!important}.mt-27{margin-top:27px!important}.mb-27{margin-bottom:27px!important}.ml-27{margin-left:27px!important}.mr-27{margin-right:27px!important}.p-27{padding:27px!important}.pt-27{padding-top:27px!important}.pb-27{padding-bottom:27px!important}.pl-27{padding-left:27px!important}.pr-27{padding-right:27px!important}.fz-27{font-size:27px!important}.m-28{margin:28px!important}.mt-28{margin-top:28px!important}.mb-28{margin-bottom:28px!important}.ml-28{margin-left:28px!important}.mr-28{margin-right:28px!important}.p-28{padding:28px!important}.pt-28{padding-top:28px!important}.pb-28{padding-bottom:28px!important}.pl-28{padding-left:28px!important}.pr-28{padding-right:28px!important}.fz-28{font-size:28px!important}.m-29{margin:29px!important}.mt-29{margin-top:29px!important}.mb-29{margin-bottom:29px!important}.ml-29{margin-left:29px!important}.mr-29{margin-right:29px!important}.p-29{padding:29px!important}.pt-29{padding-top:29px!important}.pb-29{padding-bottom:29px!important}.pl-29{padding-left:29px!important}.pr-29{padding-right:29px!important}.fz-29{font-size:29px!important}.m-30{margin:30px!important}.mt-30{margin-top:30px!important}.mb-30{margin-bottom:30px!important}.ml-30{margin-left:30px!important}.mr-30{margin-right:30px!important}.p-30{padding:30px!important}.pt-30{padding-top:30px!important}.pb-30{padding-bottom:30px!important}.pl-30{padding-left:30px!important}.pr-30{padding-right:30px!important}.fz-30{font-size:30px!important}.text-ell-1{overflow:hidden;text-overflow:ellipsis}.text-ell-2{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.flex{display:-webkit-flexbox;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.flex-direction-default,.flex-direction-row{-webkit-box-orient:horizontal;-webkit-box-direction:inherit;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.flex-direction-col{-webkit-box-orient:vertical;-webkit-box-direction:inherit;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex-direction-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-moz-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-direction-col-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-moz-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-wrap-no{-ms-flex-wrap:none;flex-wrap:nowrap}.flex-wrap-yes{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-basis-1{-ms-flex-preferred-size:1;flex-basis:1}.flex-grow-1{-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.flex-shrink-1{-ms-flex-negative:1;flex-shrink:1}.flex-order-1{-webkit-box-ordinal-group:2;-moz-order:1;-ms-flex-order:1;order:1}.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center}.justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-moz-justify-content:space-between;justify-content:space-between}.justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;-moz-justify-content:flex-end;justify-content:flex-end}.align-items-center{-webkit-box-align:center;-ms-flex-align:center;-moz-align-items:center;align-items:center}.align-self-center{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.align-content-center{-ms-flex-line-pack:center;align-content:center}.xn-footer{position:relative;height:60px}.xn-footer-main{position:fixed;bottom:0;right:0;height:60px;width:calc(100% - 200px);background-color:#fff;line-height:60px;padding:0 15px;z-index:1000}.xn-tag--color__blue{color:#5e9dff;border:1px solid #5e9dff;background-color:rgba(94,157,255,.2)}.xn-tag--color__grey{color:#c1c1c9;border:1px solid #c1c1c9;background-color:rgba(193,193,201,.2)}.xn-tag--color__green{color:#52c41a;border:1px solid #52c41a;background-color:rgba(82,196,26,.2)}.xn-tag--color__red{color:#ff4d4f;border:1px solid #ff4d4f;background-color:rgba(255,77,79,.2)}.xn-tag--color__orange{color:#ff8c00;border:1px solid #ff8c00;background-color:rgba(255,140,0,.2)}.xn-tag--color__yellow{color:#ffb500;border:1px solid #ffb500;background-color:rgba(255,181,0,.2)}.xn-card,.xn-desc{background-color:#fff}.xn-ellipsis{white-space:pre-wrap;word-break:break-word;line-height:1.6;font-size:14px}.xn-ellipsis__action{color:#ff745c;cursor:pointer}.xn-card{padding:0 30px}.xn-card-header{padding:20px 0 13px;border-bottom:1px solid #f2f2f2}.xn-card-header h3{margin:0;padding:0;font-size:18px;font-weight:500;color:#202131;line-height:25px}.xn-desc{width:100%}.xn-desc+.xn-desc{margin-top:20px}.xn-desc-header{padding:10px 20px;display:-webkit-box;display:flex;border-bottom:1px solid #e8eaec}.xn-desc-border{border:1px solid #e6ebf5;border-radius:4px}.xn-desc-title{margin:0;color:#ff745c;font-weight:700;font-size:15px;line-height:1.5715}.xn-desc__row{display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-radius:2px;width:100%}.xn-desc-item__content,.xn-desc-item__label{font-size:14px;line-height:1.5;display:-ms-flexbox;height:100%}.xn-desc__row>:not([class*=xn-desc-item]){width:100%}.xn-desc-item{margin:10px 0}.xn-desc-item__content{display:-webkit-box;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:rgba(0,0,0,.65);width:100%}.xn-desc-item__content.small .xn-desc-item__label,.xn-desc-item__content.small .xn-desc-item__value{padding:10px 14px}.xn-desc-item__label{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;color:#909097;font-weight:400;display:-webkit-box;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:0 10px 0 0}.xn-desc-item__label.has-colon::after{content:":";position:relative;top:-1.5px}.xn-desc-item__value{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;word-break:break-all;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:#202131}#app .hideSidebar .el-submenu>.el-submenu__title .el-submenu__icon-arrow,#app .sidebar-container .is-horizontal{display:none}.xn-desc-item__value span{color:#aaa}:export{menuText:#4A4A53;menuActiveText:#FF745C;subMenuActiveText:#FF745C;menuBg:#fff;menuHover:#FFEDEA;subMenuBg:#fff;subMenuHover:#FFEDEA;sideBarWidth:200px}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .28s;transition:opacity .28s}.fade-enter,.fade-leave-active{opacity:0}.fade-transform-enter-active,.fade-transform-leave-active{-webkit-transition:all .3s;transition:all .3s}.fade-transform-enter{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}.fade-transform-leave-to{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}.breadcrumb-enter-active,.breadcrumb-leave-active{-webkit-transition:all .3s;transition:all .3s}.breadcrumb-enter,.breadcrumb-leave-active{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.breadcrumb-move{-webkit-transition:all .3s;transition:all .3s}.breadcrumb-leave-active{position:absolute}.el-list-enter-active,.el-list-leave-active{-webkit-transition:none!important;transition:none!important}#app .main-container{min-height:100%;-webkit-transition:margin-left .28s;transition:margin-left .28s;margin-left:200px;position:relative;background-color:#f3f3f3}#app .sidebar-container{-webkit-transition:width .28s;transition:width .28s;width:200px!important;background-color:#fff;height:100%;position:fixed;font-size:0;top:0;bottom:0;left:0;z-index:1001;overflow:hidden}#app .sidebar-container .horizontal-collapse-transition{-webkit-transition:0s width ease-in-out,0s padding-left ease-in-out,0s padding-right ease-in-out;transition:0s width ease-in-out,0s padding-left ease-in-out,0s padding-right ease-in-out}#app .sidebar-container .scrollbar-wrapper{overflow-x:hidden!important}#app .sidebar-container .el-scrollbar__bar.is-vertical{right:0}#app .sidebar-container .el-scrollbar,#app .sidebar-container.has-logo .el-scrollbar{height:100%}#app .sidebar-container a{display:inline-block;width:100%;overflow:hidden}#app .sidebar-container .svg-icon{margin-right:16px}#app .sidebar-container .sub-el-icon{margin-right:12px;margin-left:-2px}#app .sidebar-container .el-menu{border:none;height:100%;width:100%!important}#app .sidebar-container .el-menu-item{position:relative}#app .sidebar-container .el-menu-item::before{content:"";position:absolute;left:0;height:100%;width:3px;background-color:transparent;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#app .sidebar-container .el-menu-item.is-active.submenu-title-noDropdown{background-color:#FFEDEA!important}#app .sidebar-container .el-menu-item.is-active.submenu-title-noDropdown::before{background-color:#FF745C!important;z-index:1}#app .sidebar-container .el-submenu__title:hover,#app .sidebar-container .is-active>.el-submenu__title,#app .sidebar-container .submenu-title-noDropdown:hover{background-color:#FFEDEA!important;color:#FF745C!important}#app .sidebar-container .el-submenu{position:relative}#app .sidebar-container .el-submenu::before{content:"";position:absolute;left:0;height:100%;width:3px;background-color:transparent;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#app .sidebar-container .el-submenu.is-active.is-opened::before{background-color:#FF745C!important;z-index:1}#app .sidebar-container .el-submenu .el-menu-item,#app .sidebar-container .nest-menu .el-submenu>.el-submenu__title{min-width:200px!important;background-color:#fff!important}#app .sidebar-container .el-submenu .el-menu-item:hover,#app .sidebar-container .nest-menu .el-submenu>.el-submenu__title:hover{background-color:#FFEDEA!important;color:#FF745C!important}#app .hideSidebar .sidebar-container{width:54px!important}#app .hideSidebar .main-container{margin-left:54px}#app .hideSidebar .submenu-title-noDropdown{position:relative}#app .hideSidebar .submenu-title-noDropdown .el-tooltip .svg-icon{margin-left:20px}#app .hideSidebar .submenu-title-noDropdown .el-tooltip .sub-el-icon{margin-left:19px}#app .hideSidebar .el-submenu{overflow:hidden}#app .hideSidebar .el-submenu>.el-submenu__title .svg-icon{margin-left:20px}#app .hideSidebar .el-submenu>.el-submenu__title .sub-el-icon{margin-left:19px}#app .hideSidebar .el-menu--collapse .el-submenu>.el-submenu__title>span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}#app .el-menu--collapse .el-menu .el-submenu{min-width:200px!important}#app .mobile .main-container{margin-left:0}#app .mobile .sidebar-container{-webkit-transition:-webkit-transform .28s;transition:-webkit-transform .28s;transition:transform .28s;transition:transform .28s,-webkit-transform .28s;width:200px!important}#app .mobile.hideSidebar .sidebar-container{pointer-events:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}#app .withoutAnimation .main-container,#app .withoutAnimation .sidebar-container{-webkit-transition:none;transition:none}.el-menu--vertical>.el-menu .svg-icon{margin-right:16px}.el-menu--vertical>.el-menu .sub-el-icon{margin-right:12px;margin-left:-2px}.el-menu--vertical .el-menu-item:hover,.el-menu--vertical .nest-menu .el-submenu>.el-submenu__title:hover{background-color:#FFEDEA!important}.el-menu--vertical>.el-menu--popup{max-height:100vh;overflow-y:auto}.el-menu--vertical>.el-menu--popup::-webkit-scrollbar-track-piece{background:#d3dce6}.el-menu--vertical>.el-menu--popup::-webkit-scrollbar{width:6px}.el-menu--vertical>.el-menu--popup::-webkit-scrollbar-thumb{background:#99a9bf;border-radius:20px}.el-descriptions .el-descriptions-item__label:not(.is-bordered-label){color:#909097}.el-descriptions--small{font-size:14px}.el-table tr.cus-table-header th{background-color:#fafafa;padding:5px 0;font-weight:400;color:#202131}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xn-page{margin-top:15px;text-align:right}.xn-page.is-hidden{display:none}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xn-search--row.el-row .el-form-item{display:-webkit-box;display:-ms-flexbox;display:flex}.xn-search--row.el-row .el-form-item .el-form-item__content{width:100%;height:32px}.xn-search--row.el-row .el-form-item .el-form-item__label{-webkit-box-flex:0;-ms-flex:none;flex:none}.xn-search--row.el-row .el-form-item.xn-search-searchbtn .el-form-item__content{white-space:nowrap}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";.xn-table-box .el-table.disabled-all-selection .el-table__header-wrapper .el-checkbox{display:none!important}.xn-table-box .el-table.disabled-all-selection .el-table__body-wrapper td.el-table__cell:first-child .cell .el-radio .el-radio__label{font-size:0!important;padding-left:0!important}.xn-table-box-tools{text-align:right}.xn-table-box-tools.is-border{border-bottom:1px solid #f0f0f0}.xn-table-box-tools__pop{min-width:120px!important;padding:0 0 0 10px!important}.xn-table-box-tools__coll{height:200px;overflow-y:auto}.xn-table-box .el-table .el-table__body-wrapper::-webkit-scrollbar{width:6px;height:8px;background-color:#ebeef5}.xn-table-box .el-table .el-table__body-wrapper::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:3px;background:#fff}.xn-table-box .el-table .el-table__body-wrapper::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#ccc}.xn-table-box .el-table .el-table__fixed,.xn-table-box .el-table .el-table__fixed-right{height:calc(100% - 7px)!important;-webkit-box-shadow:-7px 0 7px -7px rgba(0,0,0,.12);box-shadow:-7px 0 7px -7px rgba(0,0,0,.12)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:export{menuText:#4A4A53;menuActiveText:#FF745C;subMenuActiveText:#FF745C;menuBg:#fff;menuHover:#FFEDEA;subMenuBg:#fff;subMenuHover:#FFEDEA;sideBarWidth:200px}.xn-tag--color__blue{color:#5e9dff;border:1px solid #5e9dff;background-color:rgba(94,157,255,.2)}.xn-tag--color__grey{color:#c1c1c9;border:1px solid #c1c1c9;background-color:rgba(193,193,201,.2)}.xn-tag--color__green{color:#52c41a;border:1px solid #52c41a;background-color:rgba(82,196,26,.2)}.xn-tag--color__red{color:#ff4d4f;border:1px solid #ff4d4f;background-color:rgba(255,77,79,.2)}.xn-tag--color__orange{color:#ff8c00;border:1px solid #ff8c00;background-color:rgba(255,140,0,.2)}.xn-tag--color__yellow{color:#ffb500;border:1px solid #ffb500;background-color:rgba(255,181,0,.2)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xn-tip{padding:12px;font-weight:700;margin-bottom:10px}.xn-tip:last-child{margin-bottom:0}.xn-tip.xn-tip--primary{background:rgba(255,116,92,.1);border-left:5px solid #FF745C}.xn-tip.xn-tip--danger{background:rgba(255,77,79,.1);border-left:5px solid #FF4D4F}.xn-tip.xn-tip--warning{background:rgba(250,173,20,.1);border-left:5px solid #FAAD14}.xn-tip.xn-tip--info{background:rgba(144,147,153,.1);border-left:5px solid #909399}.xn-tip.xn-tip--success{background:rgba(82,196,26,.1);border-left:5px solid #52C41A}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";.xn-tree{width:100%}.xn-tree .el-tree-node{position:relative;z-index:9;padding-left:16px}.xn-tree .el-tree-node__expand-icon.is-leaf{display:none}.xn-tree .el-tree-node__children{padding-left:16px}.xn-tree .el-tree-node :last-child::before{height:38px}.xn-tree .el-tree>.el-tree-node::before{border-left:none}.xn-tree .el-tree>.el-tree-node:after{border-top:none}.xn-tree .el-tree-node::before,.xn-tree .el-tree-node:after{content:"";left:-4px;position:absolute;right:auto;border-width:1px}.xn-tree .el-tree-node::before{border-left:1px dashed #dcdfe6;bottom:0;height:100%;top:-26px;width:1px}.xn-tree .el-tree-node:after{border-top:1px dashed #dcdfe6;height:20px;top:12px;width:18px}.xn-tree .el-tree .el-tree-node__expand-icon.expanded{-webkit-transform:rotate(0);transform:rotate(0)}.xn-tree .el-tree .el-icon-caret-right::before{content:"";font-size:16px;color:#ff745c;position:absolute;left:-4px;top:-3px}.xn-tree .el-tree .el-tree-node__expand-icon.expanded.el-icon-caret-right::before{content:"";font-size:16px;color:#ff745c;position:absolute;left:-4px;top:-3px}.xn-tree .el-tree-node__content{padding-left:8px!important}.xn-tree .el-tree-node__content:hover{background-color:#fff}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xn-idcard .tip,.xn-upload-list__item-file{-webkit-box-orient:vertical;-webkit-box-direction:normal}.xn-upload.is-hidden .el-upload.el-upload--picture-card{display:none}.xn-upload.is-idcard{overflow:hidden}.xn-upload.is-idcard .el-upload--picture-card{width:100%;height:100%;overflow:hidden}.xn-upload.is-idcard .el-upload-list--picture-card .el-upload-list__item{width:100%;height:100%;line-height:normal}.xn-upload:not(.is-idcard) .el-upload-list.el-upload-list--picture-card .el-upload-list__item,.xn-upload:not(.is-idcard) .el-upload.el-upload--picture-card .el-upload-list__item{width:80px;height:80px}.xn-upload-list__item-file{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 0}.xn-upload-list__item-file .annex{color:#ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:20px;line-height:20px}.xn-upload-list__item-file .annex .el-icon{font-size:18px}.xn-upload-list__item-file .annex .label{padding-left:5px}.xn-upload-list__item-file .file-name{line-height:20px;font-size:12px;color:#ccc;padding:0 6px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.xn-upload.is-disabled .el-upload.el-upload--picture-card{cursor:not-allowed;background-color:#f4f4f5}.xn-upload.is-disabled .el-upload.el-upload--picture-card:hover{border-color:#c0ccda;color:#c0ccda}.xn-upload.is-disabled .el-upload.el-upload--picture-card .upload-limit i,.xn-upload.is-disabled .el-upload.el-upload--picture-card .upload-limit span{color:#bcbec2}.xn-upload:not(.is-idcard) .el-upload-list.el-upload-list--picture-card .el-upload-list__item img.el-upload-list__item-thumbnail{-o-object-fit:cover;object-fit:cover}.xn-upload:not(.is-idcard) .el-upload.el-upload--picture-card{width:80px;height:80px;line-height:80px;font-size:14px;position:relative}.xn-upload:not(.is-idcard) .el-upload.el-upload--picture-card .el-upload-list__item img.el-upload-list__item-thumbnail{-o-object-fit:cover;object-fit:cover}.xn-upload:not(.is-idcard) .el-upload.el-upload--picture-card .upload-limit{width:inherit;height:inherit}.xn-upload:not(.is-idcard) .el-upload.el-upload--picture-card .upload-limit i{font-size:20px}.xn-upload--slot{height:100%}.xn-upload--slot .process{position:absolute;left:0;top:0;background:rgba(0,0,0,.4);width:100%;height:100%}.xn-upload--slot .process .el-progress .el-progress-circle{width:99%!important;height:99%!important}.xn-upload--slot .process .el-progress .el-progress__text{color:#fff!important;font-size:12px!important}.xn-upload--slot__ext{position:absolute;bottom:0;right:0;z-index:1000;background:rgba(0,0,0,.4);height:20px;line-height:20px;color:#fff;font-size:12px;padding:0 5px;border-radius:0}.xn-upload .el-upload-list__item .el-progress{width:50%}.xn-idcard{position:relative;border-radius:10px;overflow:hidden}.xn-idcard img{display:block;width:calc(100% - 2px);height:100%;-o-object-fit:cover;object-fit:cover}.xn-idcard .tip{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:16px;color:#999;text-align:center}.xn-idcard .tip i{font-size:36px}.xn-idcard .tip span{line-height:1.5}.xn-idcard-rotate{width:100%;height:100%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;overflow:hidden}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<el-dialog
|
|
3
|
+
title="预览"
|
|
4
|
+
:visible.sync="show"
|
|
5
|
+
width="640px"
|
|
6
|
+
:before-close="onClose"
|
|
7
|
+
>
|
|
8
|
+
<div>
|
|
9
|
+
<video ref="video" controls class="xn-upload-video">
|
|
10
|
+
<source :src="url" type="video/mp4" />
|
|
11
|
+
</video>
|
|
12
|
+
</div>
|
|
13
|
+
<div slot="footer">
|
|
14
|
+
<el-button @click="onClose">关闭</el-button>
|
|
15
|
+
</div>
|
|
16
|
+
</el-dialog>
|
|
17
|
+
</template>
|
|
18
|
+
|
|
19
|
+
<script>
|
|
20
|
+
export default {
|
|
21
|
+
props: {
|
|
22
|
+
url: {
|
|
23
|
+
type: String,
|
|
24
|
+
default: "",
|
|
25
|
+
},
|
|
26
|
+
show: {
|
|
27
|
+
type: Boolean,
|
|
28
|
+
default: false,
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
watch: {
|
|
32
|
+
show(n) {
|
|
33
|
+
if (!n) {
|
|
34
|
+
this.$refs.video && this.$refs.video.pause();
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
methods: {
|
|
39
|
+
onClose() {
|
|
40
|
+
this.$emit("update:show", false);
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
};
|
|
44
|
+
</script>
|
|
45
|
+
|
|
46
|
+
<style scoped>
|
|
47
|
+
.xn-upload-video {
|
|
48
|
+
width: 100%;
|
|
49
|
+
}
|
|
50
|
+
</style>
|
package/packages/upload/main.vue
CHANGED
|
@@ -51,6 +51,13 @@
|
|
|
51
51
|
fit="cover"
|
|
52
52
|
/>
|
|
53
53
|
</template>
|
|
54
|
+
<template v-else-if="$utils.isAV(file)">
|
|
55
|
+
<el-image
|
|
56
|
+
class="el-upload-list__item-thumbnail"
|
|
57
|
+
:src="file.url + '?x-oss-process=video/snapshot,t_0,f_jpg,w_0,h_0,m_fast,ar_auto'"
|
|
58
|
+
fit="cover"
|
|
59
|
+
/>
|
|
60
|
+
</template>
|
|
54
61
|
<template v-else>
|
|
55
62
|
<div class="xn-upload-list__item-file">
|
|
56
63
|
<div class="annex">
|
|
@@ -75,6 +82,13 @@
|
|
|
75
82
|
@click="handlePictureCardPreview(file)"
|
|
76
83
|
>
|
|
77
84
|
<i class="fz-16 el-icon-zoom-in" />
|
|
85
|
+
</span>
|
|
86
|
+
<span
|
|
87
|
+
v-if="$utils.isAV(file)"
|
|
88
|
+
class="el-upload-list__item-preview"
|
|
89
|
+
@click="handleAVPreview(file)"
|
|
90
|
+
>
|
|
91
|
+
<i class="fz-16 el-icon-video-play" />
|
|
78
92
|
</span>
|
|
79
93
|
<span
|
|
80
94
|
class="el-upload-list__item-delete icon ml-5"
|
|
@@ -98,6 +112,7 @@
|
|
|
98
112
|
:z-index="999999"
|
|
99
113
|
:url-list="[imageView]"
|
|
100
114
|
/>
|
|
115
|
+
<AV :show.sync="isShowAV" :url="avUrl"></AV>
|
|
101
116
|
</el-upload>
|
|
102
117
|
</template>
|
|
103
118
|
|
|
@@ -106,6 +121,7 @@ import ElImageViewer from "element-ui/packages/image/src/image-viewer";
|
|
|
106
121
|
import Client from "@/oss";
|
|
107
122
|
import uploadPop from "./upload-pop.vue";
|
|
108
123
|
import idCard from "./idCard.vue";
|
|
124
|
+
import AV from './AV'
|
|
109
125
|
// const MAX_WARNING = 1024 * 10 * 1024;
|
|
110
126
|
export default {
|
|
111
127
|
name: "XnUpload",
|
|
@@ -114,6 +130,7 @@ export default {
|
|
|
114
130
|
uploadPop,
|
|
115
131
|
ElImageViewer,
|
|
116
132
|
idCard,
|
|
133
|
+
AV
|
|
117
134
|
},
|
|
118
135
|
props: {
|
|
119
136
|
listType: {
|
|
@@ -174,6 +191,8 @@ export default {
|
|
|
174
191
|
oss: null,
|
|
175
192
|
client: null,
|
|
176
193
|
idCardSizeData: {},
|
|
194
|
+
isShowAV:false,
|
|
195
|
+
avUrl:''
|
|
177
196
|
};
|
|
178
197
|
},
|
|
179
198
|
computed: {
|
|
@@ -303,6 +322,12 @@ export default {
|
|
|
303
322
|
this.imageView = file.url;
|
|
304
323
|
});
|
|
305
324
|
},
|
|
325
|
+
handleAVPreview(file){
|
|
326
|
+
this.isShowAV = true
|
|
327
|
+
this.$nextTick(() => {
|
|
328
|
+
this.avUrl = file.url;
|
|
329
|
+
});
|
|
330
|
+
},
|
|
306
331
|
async handleDownload(file) {
|
|
307
332
|
const { url, name } = file;
|
|
308
333
|
return this.$utils.download({ url, name });
|
|
@@ -12,9 +12,9 @@
|
|
|
12
12
|
<el-form-item label="文件格式" class="mb-0">
|
|
13
13
|
{{ file.ext }}
|
|
14
14
|
</el-form-item>
|
|
15
|
-
<el-form-item label="文件类型" class="mb-0">
|
|
15
|
+
<!-- <el-form-item label="文件类型" class="mb-0">
|
|
16
16
|
{{ file.imgFlag ? "图片" : "文件" }}
|
|
17
|
-
</el-form-item>
|
|
17
|
+
</el-form-item> -->
|
|
18
18
|
<el-form-item label="操作" class="mb-0">
|
|
19
19
|
<el-link
|
|
20
20
|
type="primary"
|
package/src/oss/index.js
CHANGED
|
@@ -28,6 +28,9 @@ class Client {
|
|
|
28
28
|
isImg(file) {
|
|
29
29
|
return file.type.indexOf('image') > -1
|
|
30
30
|
}
|
|
31
|
+
isAV(file){
|
|
32
|
+
return file.type.indexOf('audio') > -1 || file.type.indexOf('video') > -1
|
|
33
|
+
}
|
|
31
34
|
getFileNameUUID() {
|
|
32
35
|
const uuid = uuidv4()
|
|
33
36
|
return uuid
|
|
@@ -103,6 +106,7 @@ class Client {
|
|
|
103
106
|
size: currentFile.size,
|
|
104
107
|
ext: this.getExt(currentFile),
|
|
105
108
|
imgFlag: ~~this.isImg(currentFile),
|
|
109
|
+
isAV: ~~this.isAV(currentFile),
|
|
106
110
|
url: this.uploadHost + res.name,
|
|
107
111
|
accessoryName: fileName,
|
|
108
112
|
accessorySize: currentFile.size
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "xianniu-utils",
|
|
3
|
+
"version": "0.1.3",
|
|
4
|
+
"lockfileVersion": 2,
|
|
5
|
+
"requires": true,
|
|
6
|
+
"packages": {
|
|
7
|
+
"": {
|
|
8
|
+
"name": "xianniu-utils",
|
|
9
|
+
"version": "0.1.3",
|
|
10
|
+
"license": "MIT",
|
|
11
|
+
"dependencies": {
|
|
12
|
+
"dayjs": "^1.10.7",
|
|
13
|
+
"decimal.js": "^10.4.2",
|
|
14
|
+
"good-storage": "^1.1.1",
|
|
15
|
+
"lodash": "^4.17.21"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
"node_modules/dayjs": {
|
|
19
|
+
"version": "1.11.7",
|
|
20
|
+
"resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.7.tgz",
|
|
21
|
+
"integrity": "sha512-+Yw9U6YO5TQohxLcIkrXBeY73WP3ejHWVvx8XCk3gxvQDCTEmS48ZrSZCKciI7Bhl/uCMyxYtE9UqRILmFphkQ=="
|
|
22
|
+
},
|
|
23
|
+
"node_modules/decimal.js": {
|
|
24
|
+
"version": "10.4.3",
|
|
25
|
+
"resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
|
|
26
|
+
"integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA=="
|
|
27
|
+
},
|
|
28
|
+
"node_modules/good-storage": {
|
|
29
|
+
"version": "1.1.1",
|
|
30
|
+
"resolved": "https://registry.npmjs.org/good-storage/-/good-storage-1.1.1.tgz",
|
|
31
|
+
"integrity": "sha512-+0UEpRT03fJgEJoeTVVz41ISC5+jaQrDIWatQ4BoDQfOiBBsjNanymi9sAtLFdEAADQN0FYR8mGpeqxSCe8oXQ=="
|
|
32
|
+
},
|
|
33
|
+
"node_modules/lodash": {
|
|
34
|
+
"version": "4.17.21",
|
|
35
|
+
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
|
|
36
|
+
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
"dependencies": {
|
|
40
|
+
"dayjs": {
|
|
41
|
+
"version": "1.11.7",
|
|
42
|
+
"resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.7.tgz",
|
|
43
|
+
"integrity": "sha512-+Yw9U6YO5TQohxLcIkrXBeY73WP3ejHWVvx8XCk3gxvQDCTEmS48ZrSZCKciI7Bhl/uCMyxYtE9UqRILmFphkQ=="
|
|
44
|
+
},
|
|
45
|
+
"decimal.js": {
|
|
46
|
+
"version": "10.4.3",
|
|
47
|
+
"resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
|
|
48
|
+
"integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA=="
|
|
49
|
+
},
|
|
50
|
+
"good-storage": {
|
|
51
|
+
"version": "1.1.1",
|
|
52
|
+
"resolved": "https://registry.npmjs.org/good-storage/-/good-storage-1.1.1.tgz",
|
|
53
|
+
"integrity": "sha512-+0UEpRT03fJgEJoeTVVz41ISC5+jaQrDIWatQ4BoDQfOiBBsjNanymi9sAtLFdEAADQN0FYR8mGpeqxSCe8oXQ=="
|
|
54
|
+
},
|
|
55
|
+
"lodash": {
|
|
56
|
+
"version": "4.17.21",
|
|
57
|
+
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
|
|
58
|
+
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
package/src/utils/utils.js
CHANGED
|
@@ -33,6 +33,39 @@ const isImg = (file) => {
|
|
|
33
33
|
}
|
|
34
34
|
return false
|
|
35
35
|
}
|
|
36
|
+
/**
|
|
37
|
+
* 判断文件类型
|
|
38
|
+
* @param {*} file
|
|
39
|
+
* @returns
|
|
40
|
+
*/
|
|
41
|
+
const isAV = (file) => {
|
|
42
|
+
const { url } = file
|
|
43
|
+
if (typeof url !== 'string' || !url) return
|
|
44
|
+
var strFilter = '.mp4|.avi|.wmv|.MP4|.AVI|.WMV'
|
|
45
|
+
if (file.imgFlag) return true
|
|
46
|
+
if (url.indexOf('.') > -1) {
|
|
47
|
+
var p = url.lastIndexOf('.')
|
|
48
|
+
var strPostfix = url.substring(p, url.length) + '|'
|
|
49
|
+
strPostfix = strPostfix.toLowerCase()
|
|
50
|
+
if (strFilter.indexOf(strPostfix) > -1) {
|
|
51
|
+
return true
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
return false
|
|
55
|
+
}
|
|
56
|
+
const checkFile = (fileValue) =>{
|
|
57
|
+
var index = fileValue.lastIndexOf("."); //（考虑严谨用lastIndexOf(".")得到）得到"."在第几位
|
|
58
|
+
const fileValueSuffix = fileValue.substring(index); //截断"."之前的，得到后缀
|
|
59
|
+
if (/(.*)\.(mp4|avi|wmv|MP4|AVI|WMV)$/.test(fileValueSuffix)) { //根据后缀，判断是否符合视频格式
|
|
60
|
+
return 'video';
|
|
61
|
+
}else if(/(.*)\.(jpg|JPG|bmp|BMP|mpg|MPG|mpeg|MPEG|tis|TIS)$/.test(fileValueSuffix)) { //根据后缀，判断是否符合图片格式
|
|
62
|
+
return 'image';
|
|
63
|
+
}else if (/(.*)\.(xls|XLS|xlsx|XLSX|doc|DOC|docx|DOCX|pdf|PDF|PPT|PPTX|ppt|pptx)$/.test(fileValueSuffix)) { //根据后缀，判断是否符合OFFICE格式
|
|
64
|
+
return 'office';
|
|
65
|
+
}
|
|
66
|
+
return false;
|
|
67
|
+
}
|
|
68
|
+
|
|
36
69
|
/**
|
|
37
70
|
* 深拷贝
|
|
38
71
|
* @param {*} source
|
|
@@ -152,8 +185,6 @@ const reset = (obj) => {
|
|
|
152
185
|
return obj
|
|
153
186
|
}
|
|
154
187
|
|
|
155
|
-
|
|
156
|
-
|
|
157
188
|
export const toCamelCase = (string)=> {
|
|
158
189
|
var words = string.split('-'); // 步1
|
|
159
190
|
var camelCaseWords = [words[0]];
|
|
@@ -177,5 +208,7 @@ export default {
|
|
|
177
208
|
arrMerge,
|
|
178
209
|
reset,
|
|
179
210
|
isBlank,
|
|
180
|
-
toCamelCase
|
|
211
|
+
toCamelCase,
|
|
212
|
+
checkFile,
|
|
213
|
+
isAV
|
|
181
214
|
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
// 'use strict';
|
|
2
|
-
// gulp 配置文件
|
|
3
|
-
|
|
4
|
-
const { series, src, dest } = require('gulp');
|
|
5
|
-
const sass = require('gulp-sass')(require('sass'));
|
|
6
|
-
const autoprefixer = require('gulp-autoprefixer');
|
|
7
|
-
const cssmin = require('gulp-cssmin');
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
function compile() {
|
|
11
|
-
return src('./src/*.scss')
|
|
12
|
-
.pipe(sass.sync().on('error', sass.logError))
|
|
13
|
-
.pipe(autoprefixer({
|
|
14
|
-
browsers: ['ie > 9', 'last 2 versions'],
|
|
15
|
-
cascade: false
|
|
16
|
-
}))
|
|
17
|
-
.pipe(cssmin())
|
|
18
|
-
.pipe(dest('./lib'));
|
|
19
|
-
}
|
|
20
|
-
function copyfont() {
|
|
21
|
-
return src('./src/fonts/**')
|
|
22
|
-
.pipe(cssmin())
|
|
23
|
-
.pipe(dest('./lib/fonts'));
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
exports.default = series(compile,copyfont)
|