centaline-data-driven 1.3.17 → 1.3.20
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/package.json +1 -1
- package/src/Detail.vue +1 -1
- package/src/Form.vue +2 -2
- package/src/centaline/api/index.js +1 -1
- package/src/centaline/common/index.js +24 -1
- package/src/centaline/css/common.css +15 -2
- package/src/centaline/dynamicBtn/src/dynamicBtn.vue +8 -0
- package/src/centaline/dynamicDetail/src/dynamicContactList.vue +4 -0
- package/src/centaline/dynamicDetail/src/dynamicPropertyDetailRET.vue +59 -79
- package/src/centaline/dynamicDetail/src/dynamicPropertySimpleDetailRET.vue +13 -2
- package/src/centaline/dynamicFile/src/dynamicFile.vue +25 -73
- package/src/centaline/dynamicForm/src/dynamicForm.vue +19 -14
- package/src/centaline/dynamicLayout/src/dynamicLayout.vue +5 -2
- package/src/centaline/dynamicLayout/src/dynamicLayoutChildren.vue +9 -3
- package/src/centaline/dynamicLayout/src/dynamicLayoutChildrenFor.vue +7 -2
- package/src/centaline/dynamicLayout/src/dynamicLayoutImage.vue +13 -2
- package/src/centaline/dynamicLayout/src/dynamicLayoutLabel.vue +7 -2
- package/src/centaline/dynamicLayout/src/dynamicLayoutLine.vue +4 -1
- package/src/centaline/dynamicSearchList/src/dynamicSearchTable.vue +26 -0
- package/src/centaline/loader/src/ctl/CellLayout.js +13 -1
- package/src/centaline/loader/src/ctl/Contact.js +1 -1
- package/src/centaline/loader/src/ctl/ContactList.js +1 -1
- package/src/centaline/loader/src/ctl/Detail.js +22 -0
- package/src/centaline/loader/src/ctl/File.js +5 -3
- package/src/centaline/loader/src/ctl/SearchTable.js +1 -1
- package/src/centaline/quickInputSos/src/quickInput.vue +19 -30
- package/src/main.js +5 -3
- package/wwwroot/static/centaline/centaline-data-driven.js +3 -3
- package/wwwroot/static/centaline/centaline-data-driven.js.map +1 -1
package/package.json
CHANGED
package/src/Detail.vue
CHANGED
package/src/Form.vue
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<div id="app-form" class="data-driven" style="width:100%;height:100%;overflow:auto">
|
|
3
3
|
<!-- <ct-form :api="'/PropertyRET/getLayoutOfNew'" :apiParam="apiParam"></ct-form> -->
|
|
4
4
|
<!-- <ct-form :source="formdata.content" :apiParam="apiParam"></ct-form> -->
|
|
5
|
-
<ct-form :api="'/
|
|
5
|
+
<ct-form :api="'/api/third-dept-tran/transaction/detail'" :apiParam="apiParam"></ct-form>
|
|
6
6
|
<!--<ct-form :api="'api/Form/formdata'"></ct-form>-->
|
|
7
7
|
<ct-dialog-list></ct-dialog-list>
|
|
8
8
|
</div>
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
data() {
|
|
15
15
|
return {
|
|
16
16
|
apiParam:{
|
|
17
|
-
actionType:2,
|
|
17
|
+
originalTraId: "1542431606998347777", actionType: 3, pageStyle: 2, pageTitle: "成交报告", pageOnly: true
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
},
|
|
@@ -180,7 +180,7 @@ const api = {
|
|
|
180
180
|
}
|
|
181
181
|
|
|
182
182
|
if (data.rtnCode === Enum.ReturnCode.Successful) {
|
|
183
|
-
if (data.rtnMsg) {
|
|
183
|
+
if (data.rtnMsg && common.getDataDrivenOpts().showRequestSuccessMessage) {
|
|
184
184
|
if (data.MsgAlertStyle && data.MsgAlertStyle == Enum.MessageAlertStyle.Dialog) {
|
|
185
185
|
common.confirm(data.rtnMsg, '信息', { confirmButtonText: '确定', flagShowcCancelButton: '0' });
|
|
186
186
|
}
|
|
@@ -687,6 +687,18 @@ const common = {
|
|
|
687
687
|
str = charUpper + str.slice(1);
|
|
688
688
|
return str;
|
|
689
689
|
},
|
|
690
|
+
getDataOfUpperLower(model,key){
|
|
691
|
+
if(model[key]){
|
|
692
|
+
return model[key];
|
|
693
|
+
}
|
|
694
|
+
else if(model[this.initialsToUpperCase(key)]){
|
|
695
|
+
return model[this.initialsToUpperCase(key)];
|
|
696
|
+
}
|
|
697
|
+
else if(model[this.initialsToLowerCase(key)]){
|
|
698
|
+
return model[this.initialsToLowerCase(key)];
|
|
699
|
+
}
|
|
700
|
+
return '';
|
|
701
|
+
},
|
|
690
702
|
|
|
691
703
|
/**
|
|
692
704
|
* @method
|
|
@@ -733,7 +745,18 @@ const common = {
|
|
|
733
745
|
*/
|
|
734
746
|
numToFloat(value, num) {
|
|
735
747
|
if (value && num && num > 0) {
|
|
736
|
-
|
|
748
|
+
let ls=value.toString().split('.');
|
|
749
|
+
let l1=0;
|
|
750
|
+
value=ls[0]+'.';
|
|
751
|
+
if(ls.length>1){
|
|
752
|
+
value=value+ls[1];
|
|
753
|
+
l1=ls[1].length;
|
|
754
|
+
}
|
|
755
|
+
if(num>l1){
|
|
756
|
+
for(var i=0;i<num-l1;i++){
|
|
757
|
+
value=value+'0';
|
|
758
|
+
}
|
|
759
|
+
}
|
|
737
760
|
}
|
|
738
761
|
return value.toString();
|
|
739
762
|
},
|
|
@@ -360,7 +360,10 @@ html {
|
|
|
360
360
|
color: #303133;
|
|
361
361
|
line-height: 1.769230769230769;
|
|
362
362
|
}
|
|
363
|
-
|
|
363
|
+
.el-collapse-item__content [class*=el-col-] {
|
|
364
|
+
float: none;
|
|
365
|
+
display: inline-block;
|
|
366
|
+
}
|
|
364
367
|
.ct-text .ct-text-label-div {
|
|
365
368
|
display: flex;
|
|
366
369
|
justify-content: left;
|
|
@@ -377,8 +380,14 @@ html {
|
|
|
377
380
|
|
|
378
381
|
.ct-flex-div .ct-flex-div-input {
|
|
379
382
|
flex: 1;
|
|
383
|
+
|
|
380
384
|
}
|
|
381
|
-
|
|
385
|
+
.el-textarea .el-input__count {
|
|
386
|
+
/* right: 24px; */
|
|
387
|
+
}
|
|
388
|
+
.ct-flex-div-input input.el-input__inner {
|
|
389
|
+
/* width: 100%; */
|
|
390
|
+
}
|
|
382
391
|
.ct-flex-div .ct-flex-div-span {
|
|
383
392
|
display: flex;
|
|
384
393
|
justify-content: left;
|
|
@@ -815,4 +824,8 @@ html {
|
|
|
815
824
|
.shortcutFollow .el-collapse{
|
|
816
825
|
border-bottom: none;
|
|
817
826
|
}
|
|
827
|
+
.ct-form .el-tabs__content .el-row [class*=el-col-]{
|
|
828
|
+
float: none;
|
|
829
|
+
display: inline-block;
|
|
830
|
+
}
|
|
818
831
|
|
|
@@ -170,6 +170,14 @@
|
|
|
170
170
|
if(data.content.imgUrl)this.tellImgUrl=data.content.imgUrl;
|
|
171
171
|
}
|
|
172
172
|
},
|
|
173
|
+
closeCallTel(){
|
|
174
|
+
if(this.model.isCallTel){
|
|
175
|
+
if(this.visible){
|
|
176
|
+
this.visible=false;
|
|
177
|
+
this.tellImgUrl='';
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
},
|
|
173
181
|
}
|
|
174
182
|
}
|
|
175
183
|
</script>
|
|
@@ -418,6 +418,10 @@
|
|
|
418
418
|
self.$forceUpdate();
|
|
419
419
|
}
|
|
420
420
|
else if(field.actionType===19){
|
|
421
|
+
if(self.model.currentCallTel){
|
|
422
|
+
self.$refs[self.model.currentCallTel][0].closeCallTel()
|
|
423
|
+
}
|
|
424
|
+
self.model.currentCallTel='router'+field.id+field.rowindex;
|
|
421
425
|
self.$refs['router'+field.id+field.rowindex][0].callTelClick(data);
|
|
422
426
|
}
|
|
423
427
|
})
|
|
@@ -10,30 +10,13 @@
|
|
|
10
10
|
<span>{{ model.fields1Dic.EstateName.value }}</span>
|
|
11
11
|
<span> {{ model.fields1Dic.BuildingName.value }}</span>
|
|
12
12
|
<span>{{ model.fields1Dic.RoomNo.value }}</span>
|
|
13
|
-
<img
|
|
14
|
-
:src="model.fields1Dic.FavoriteUrl.value"
|
|
15
|
-
alt=""
|
|
16
|
-
class="collection"
|
|
17
|
-
/>
|
|
13
|
+
<img :src="model.fields1Dic.FavoriteUrl.value" alt="" class="collection"/>
|
|
18
14
|
</div>
|
|
19
15
|
<div class="title-other">
|
|
20
|
-
<span
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
<span
|
|
25
|
-
>{{ model.fields1Dic.GovNo.label
|
|
26
|
-
}}{{ model.fields1Dic.GovNo.value }}</span
|
|
27
|
-
>
|
|
28
|
-
<span class="mr10">{{
|
|
29
|
-
model.fields1Dic["DistrictName"].value +
|
|
30
|
-
model.fields1Dic.AreaName.value
|
|
31
|
-
}}</span>
|
|
32
|
-
<img
|
|
33
|
-
:src="model.fields1Dic.LocationUrl.value"
|
|
34
|
-
alt=""
|
|
35
|
-
class="location"
|
|
36
|
-
/>
|
|
16
|
+
<span>{{ model.fields1Dic.PropertyNo.label }}{{ model.fields1Dic.PropertyNo.value }}</span>
|
|
17
|
+
<span>{{ model.fields1Dic.GovNo.label}}{{ model.fields1Dic.GovNo.value }}</span>
|
|
18
|
+
<span class="mr10">{{model.fields1Dic["DistrictName"].value +model.fields1Dic.AreaName.value}}</span>
|
|
19
|
+
<img :src="model.fields1Dic.LocationUrl.value" alt="" class="location"/>
|
|
37
20
|
</div>
|
|
38
21
|
<div class="title-tags">
|
|
39
22
|
<div
|
|
@@ -170,21 +153,8 @@
|
|
|
170
153
|
</div>
|
|
171
154
|
</div>
|
|
172
155
|
</div>
|
|
173
|
-
<div
|
|
174
|
-
ref="
|
|
175
|
-
class="details-mid y-auto"
|
|
176
|
-
@scroll="scrollHandle($event)"
|
|
177
|
-
:style="{
|
|
178
|
-
height: model.detailHeight ? model.detailHeight + 'px' : '780px',
|
|
179
|
-
}"
|
|
180
|
-
>
|
|
181
|
-
<div
|
|
182
|
-
ref="midl"
|
|
183
|
-
class="mid-l"
|
|
184
|
-
:style="{
|
|
185
|
-
width: model.midlWidth ? model.midlWidth + 'px' : '1200px',
|
|
186
|
-
}"
|
|
187
|
-
>
|
|
156
|
+
<div ref="detail" class="details-mid y-auto" @scroll="scrollHandle($event)" :style="{height: model.detailHeight ? model.detailHeight + 'px' : '780px',}">
|
|
157
|
+
<div ref="midl" class="mid-l" :style="{ width: model.midlWidth ? model.midlWidth + 'px' : '1200px',}">
|
|
188
158
|
<!-- 图片内容部分 -->
|
|
189
159
|
<div class="hous-info base-box">
|
|
190
160
|
<div class="info-conten">
|
|
@@ -293,20 +263,10 @@
|
|
|
293
263
|
</div>
|
|
294
264
|
</div>
|
|
295
265
|
</div>
|
|
296
|
-
<div
|
|
297
|
-
v-for="(col, index) in collapse"
|
|
298
|
-
:key="index"
|
|
299
|
-
class="info-conten-b"
|
|
300
|
-
v-show="allInfo"
|
|
301
|
-
>
|
|
266
|
+
<div v-for="(col, index) in collapse" :key="index" class="info-conten-b" v-show="allInfo">
|
|
302
267
|
<div class="info-row mb20">
|
|
303
|
-
<div
|
|
304
|
-
|
|
305
|
-
:key="i"
|
|
306
|
-
:class="c.singleLine === true ? 'row-i100' : 'row-i'"
|
|
307
|
-
>
|
|
308
|
-
<span>{{ c.label }}</span
|
|
309
|
-
><span>{{ c.value }}</span>
|
|
268
|
+
<div v-for="(c, i) in col" :key="i" :class="c.singleLine === true ? 'row-i100' : 'row-i'">
|
|
269
|
+
<span>{{ c.label }}</span><span>{{ c.value }}</span>
|
|
310
270
|
</div>
|
|
311
271
|
</div>
|
|
312
272
|
</div>
|
|
@@ -737,31 +697,28 @@ export default {
|
|
|
737
697
|
}
|
|
738
698
|
);
|
|
739
699
|
this.$nextTick(function () {
|
|
740
|
-
if (
|
|
741
|
-
self.parentModel &&
|
|
742
|
-
self.parentModel.$refs &&
|
|
743
|
-
self.parentModel.$refs.table
|
|
744
|
-
) {
|
|
700
|
+
if ( self.parentModel && self.parentModel.$refs && self.parentModel.$refs.table ) {
|
|
745
701
|
if (self.parentModel.$refs.table.model.selectIndex <= 0) {
|
|
746
702
|
self.flagDisabledPrev = true;
|
|
747
703
|
}
|
|
748
|
-
if (
|
|
749
|
-
|
|
750
|
-
self.parentModel.$refs.table.model.selectIndex ===
|
|
751
|
-
self.parentModel.$refs.table.model.listData.length - 1
|
|
704
|
+
if ( self.parentModel.$refs.table.model.listData
|
|
705
|
+
&& self.parentModel.$refs.table.model.selectIndex === self.parentModel.$refs.table.model.listData.length - 1
|
|
752
706
|
) {
|
|
753
707
|
self.flagDisabledNext = true;
|
|
754
708
|
}
|
|
755
|
-
}
|
|
709
|
+
}
|
|
710
|
+
else {
|
|
756
711
|
self.flagDisabledPrev = true;
|
|
757
712
|
self.flagDisabledNext = true;
|
|
758
713
|
}
|
|
759
714
|
|
|
760
715
|
if (self.vmodel) {
|
|
761
716
|
self.load(self.vmodel);
|
|
762
|
-
}
|
|
717
|
+
}
|
|
718
|
+
else if (typeof self.source !== "undefined") {
|
|
763
719
|
self.loaderObj.Detail(self.source, null, self.load);
|
|
764
|
-
}
|
|
720
|
+
}
|
|
721
|
+
else if (typeof self.api !== "undefined") {
|
|
765
722
|
self.loaderObj.Detail(self.api, self.apiParam, self.load);
|
|
766
723
|
}
|
|
767
724
|
});
|
|
@@ -860,7 +817,8 @@ export default {
|
|
|
860
817
|
if (v.type === 13) {
|
|
861
818
|
collapseItemArr = [];
|
|
862
819
|
col = 0;
|
|
863
|
-
}
|
|
820
|
+
}
|
|
821
|
+
else if (v.singleLine) {
|
|
864
822
|
if (collapseItemArr.length > 0) {
|
|
865
823
|
self.collapse.push(collapseItemArr);
|
|
866
824
|
collapseItemArr = [];
|
|
@@ -869,7 +827,8 @@ export default {
|
|
|
869
827
|
self.collapse.push(collapseItemArr);
|
|
870
828
|
collapseItemArr = [];
|
|
871
829
|
col = 0;
|
|
872
|
-
}
|
|
830
|
+
}
|
|
831
|
+
else if (v.spanCols) {
|
|
873
832
|
collapseItemArr.push(v);
|
|
874
833
|
col = col + v.spanCols;
|
|
875
834
|
if (col === colCount || index === self.model.fields2Dic.length - 1) {
|
|
@@ -877,7 +836,8 @@ export default {
|
|
|
877
836
|
collapseItemArr = [];
|
|
878
837
|
col = 0;
|
|
879
838
|
}
|
|
880
|
-
}
|
|
839
|
+
}
|
|
840
|
+
else {
|
|
881
841
|
collapseItemArr.push(v);
|
|
882
842
|
col = col + 1;
|
|
883
843
|
if (col === colCount || index === self.model.fields2Dic.length - 1) {
|
|
@@ -899,6 +859,9 @@ export default {
|
|
|
899
859
|
lookOwner() {
|
|
900
860
|
this.codeOwner = true;
|
|
901
861
|
},
|
|
862
|
+
loadBaseInfo() {
|
|
863
|
+
this.model.loadBaseInfo();
|
|
864
|
+
},
|
|
902
865
|
handleClick(tab, event) {
|
|
903
866
|
let i = tab.index;
|
|
904
867
|
if (this.model.tags2 && this.model.tags2[i]) {
|
|
@@ -977,16 +940,26 @@ export default {
|
|
|
977
940
|
router.submitFormField.forEach((v) => {
|
|
978
941
|
submitData[v] = field.list[field.listIndex].code;
|
|
979
942
|
});
|
|
980
|
-
}
|
|
943
|
+
}
|
|
944
|
+
else {
|
|
981
945
|
router.submitFormField.forEach((v) => {
|
|
982
946
|
submitData[v] = self.model.fields1Dic[v].value;
|
|
983
947
|
});
|
|
984
948
|
}
|
|
949
|
+
if(router.id=="PropertyEdit"){
|
|
950
|
+
callBack="loadBaseInfo"
|
|
951
|
+
}
|
|
985
952
|
}
|
|
986
953
|
|
|
987
|
-
if (callBack
|
|
988
|
-
|
|
989
|
-
|
|
954
|
+
if (callBack) {
|
|
955
|
+
if(callBack=='loadOperation'){
|
|
956
|
+
this.routerClickHandler(router, submitData, self.loadOperation);
|
|
957
|
+
}
|
|
958
|
+
else if(callBack=='loadBaseInfo'){
|
|
959
|
+
this.routerClickHandler(router, submitData, self.loadBaseInfo);
|
|
960
|
+
}
|
|
961
|
+
}
|
|
962
|
+
else {
|
|
990
963
|
this.routerClickHandler(router, submitData);
|
|
991
964
|
}
|
|
992
965
|
},
|
|
@@ -1034,7 +1007,8 @@ export default {
|
|
|
1034
1007
|
],
|
|
1035
1008
|
};
|
|
1036
1009
|
self.$common.openDialog(dialogOption);
|
|
1037
|
-
}
|
|
1010
|
+
}
|
|
1011
|
+
else if (field.isOpenList) {
|
|
1038
1012
|
var dialogOption = {
|
|
1039
1013
|
title: field.pageTitle,
|
|
1040
1014
|
pane: self.$common.getParentPane(self),
|
|
@@ -1062,7 +1036,8 @@ export default {
|
|
|
1062
1036
|
],
|
|
1063
1037
|
};
|
|
1064
1038
|
self.$common.openDialog(dialogOption);
|
|
1065
|
-
}
|
|
1039
|
+
}
|
|
1040
|
+
else if (field.isFormPageInTab) {
|
|
1066
1041
|
// 外部框架tab页打开
|
|
1067
1042
|
submitData = field.getActionPara(submitData).para;
|
|
1068
1043
|
self.$common
|
|
@@ -1074,24 +1049,29 @@ export default {
|
|
|
1074
1049
|
self.model,
|
|
1075
1050
|
field.dialogWidth
|
|
1076
1051
|
);
|
|
1077
|
-
}
|
|
1052
|
+
}
|
|
1053
|
+
else if (field.isSearchPageInTab) {
|
|
1078
1054
|
// 外部框架tab页打开
|
|
1079
1055
|
submitData = field.getActionPara(submitData).para;
|
|
1080
1056
|
self.$common
|
|
1081
1057
|
.getDataDrivenOpts()
|
|
1082
1058
|
.handler.openTabSearch(field, submitData);
|
|
1083
|
-
}
|
|
1059
|
+
}
|
|
1060
|
+
else if (field.isBrowserNewTab) {
|
|
1084
1061
|
// 浏览器打开
|
|
1085
1062
|
submitData = field.getActionPara(submitData).para;
|
|
1086
1063
|
let query = self.$common.objectToQueryStr(submitData);
|
|
1087
1064
|
window.open(field.action + query, "_blank");
|
|
1088
|
-
}
|
|
1065
|
+
}
|
|
1066
|
+
else if (field.isOpenUrlInBrowse) {
|
|
1089
1067
|
// 浏览器打开
|
|
1090
1068
|
window.open(submitData[field.submitFormField], "_blank");
|
|
1091
|
-
}
|
|
1069
|
+
}
|
|
1070
|
+
else if (field.isSeeVoice) {
|
|
1092
1071
|
//看视频
|
|
1093
1072
|
self.$common.browseVideo(field, submitData);
|
|
1094
|
-
}
|
|
1073
|
+
}
|
|
1074
|
+
else {
|
|
1095
1075
|
field.doAction(submitData, (data) => {
|
|
1096
1076
|
self.model.doAction(data, field);
|
|
1097
1077
|
if (callBack) {
|
|
@@ -1116,8 +1096,7 @@ export default {
|
|
|
1116
1096
|
}
|
|
1117
1097
|
|
|
1118
1098
|
if (field.alert) {
|
|
1119
|
-
self.$common
|
|
1120
|
-
.confirm(field.alertMsg, field.alertCaption, {
|
|
1099
|
+
self.$common.confirm(field.alertMsg, field.alertCaption, {
|
|
1121
1100
|
confirmButtonText: field.alertOKButtonText,
|
|
1122
1101
|
cancelButtonText: field.alertCancelButtonText,
|
|
1123
1102
|
//type: 'warning'
|
|
@@ -1127,7 +1106,8 @@ export default {
|
|
|
1127
1106
|
clickAcion(field, submitData);
|
|
1128
1107
|
})
|
|
1129
1108
|
.catch(() => {});
|
|
1130
|
-
}
|
|
1109
|
+
}
|
|
1110
|
+
else {
|
|
1131
1111
|
clickAcion(field, submitData);
|
|
1132
1112
|
}
|
|
1133
1113
|
},
|
|
@@ -254,6 +254,9 @@
|
|
|
254
254
|
this.model._operationRouters=[];
|
|
255
255
|
this.model.getOperationList();
|
|
256
256
|
},
|
|
257
|
+
loadBaseInfo() {
|
|
258
|
+
this.model.loadBaseInfo();
|
|
259
|
+
},
|
|
257
260
|
handleClick(tab, event) {
|
|
258
261
|
let i=tab.index;
|
|
259
262
|
if(this.model.tags2 && this.model.tags2[i]){
|
|
@@ -310,10 +313,18 @@
|
|
|
310
313
|
submitData[v] = self.model.fields1Dic[v].value;
|
|
311
314
|
});
|
|
312
315
|
}
|
|
316
|
+
if(router.id=="PropertyEdit"){
|
|
317
|
+
callBack="loadBaseInfo"
|
|
318
|
+
}
|
|
313
319
|
}
|
|
314
320
|
|
|
315
|
-
if(callBack
|
|
316
|
-
|
|
321
|
+
if(callBack){
|
|
322
|
+
if(callBack=='loadOperation'){
|
|
323
|
+
this.routerClickHandler(router, submitData, self.loadOperation);
|
|
324
|
+
}
|
|
325
|
+
else if(callBack=='loadBaseInfo'){
|
|
326
|
+
this.routerClickHandler(router, submitData, self.loadBaseInfo);
|
|
327
|
+
}
|
|
317
328
|
}
|
|
318
329
|
else{
|
|
319
330
|
this.routerClickHandler(router,submitData);
|
|
@@ -1,10 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div
|
|
3
|
-
style="width: 100%"
|
|
4
|
-
v-if="model !== null"
|
|
5
|
-
class="block ct-file"
|
|
6
|
-
:class="[model.attrs.size ? 'ct-checkbox-' + model.attrs.size : '']"
|
|
7
|
-
>
|
|
2
|
+
<div style="width: 100%" v-if="model !== null" class="block ct-file" :class="[model.attrs.size ? 'ct-checkbox-' + model.attrs.size : '']">
|
|
8
3
|
<el-upload
|
|
9
4
|
:class="disableUpload ? 'ct-upload-display-none' : ''"
|
|
10
5
|
:disabled="model.lock"
|
|
@@ -32,73 +27,36 @@
|
|
|
32
27
|
</div>
|
|
33
28
|
<div slot="file" slot-scope="{ file }" :title="file.fileName">
|
|
34
29
|
<div class="cover-list-item">
|
|
35
|
-
<el-image
|
|
36
|
-
fit="fill"
|
|
37
|
-
:src="file.url"
|
|
38
|
-
style="width: 100px; height: 100px"
|
|
39
|
-
:z-index="previewZIndex"
|
|
40
|
-
@click="viewerfile(file)"
|
|
41
|
-
>
|
|
30
|
+
<el-image fit="fill" :src="file.url" style="width: 100px; height: 100px" :z-index="previewZIndex" @click="viewerfile(file)">
|
|
42
31
|
</el-image>
|
|
43
|
-
<span
|
|
44
|
-
class="cover-list-item-span-delete"
|
|
45
|
-
v-if="!model.lock && file.rightDel"
|
|
46
|
-
>
|
|
32
|
+
<span class="cover-list-item-span-delete" v-if="!model.lock && file.rightDel">
|
|
47
33
|
<i class="el-icon-delete" @click="handleRemove(file)"></i>
|
|
48
34
|
</span>
|
|
49
|
-
<span
|
|
50
|
-
class="cover-list-item-span"
|
|
51
|
-
v-if="model.lock || model.paramName"
|
|
52
|
-
>
|
|
35
|
+
<span class="cover-list-item-span" v-if="model.lock || model.paramName">
|
|
53
36
|
<!--锁定-->
|
|
54
37
|
<span v-if="model.lock || !file.rightEdit" class="el-dropdown-link">
|
|
55
|
-
<span style="width: 80px; height: 26px; display: inline-flex"
|
|
56
|
-
> {{ file.mediaLabelName }}</span
|
|
57
|
-
>
|
|
38
|
+
<span style="width: 80px; height: 26px; display: inline-flex"> {{ file.mediaLabelName }}</span>
|
|
58
39
|
</span>
|
|
59
40
|
<!--复杂分类-->
|
|
60
|
-
<span
|
|
61
|
-
|
|
62
|
-
class="el-
|
|
63
|
-
@click="classifyFormClickHandle(file)"
|
|
64
|
-
>
|
|
65
|
-
<span style="width: 80px; height: 26px; display: inline-flex"
|
|
66
|
-
> {{ file.mediaLabelName }}</span
|
|
67
|
-
><i class="el-icon-arrow-down el-icon--right"></i>
|
|
41
|
+
<span v-else-if="model.isComplexClassify" class="el-dropdown-link" @click="classifyFormClickHandle(file)">
|
|
42
|
+
<span style="width: 80px; height: 26px; display: inline-flex"> {{ file.mediaLabelName }}</span>
|
|
43
|
+
<i class="el-icon-arrow-down el-icon--right"></i>
|
|
68
44
|
</span>
|
|
69
45
|
<!--简单分类-->
|
|
70
|
-
<el-dropdown
|
|
71
|
-
v-else
|
|
72
|
-
class="el-upload-list__item-preview"
|
|
73
|
-
trigger="click"
|
|
74
|
-
placement="top"
|
|
75
|
-
@command="classifySelectedClickHandle"
|
|
76
|
-
>
|
|
46
|
+
<el-dropdown v-else class="el-upload-list__item-preview" trigger="click" placement="top" @command="classifySelectedClickHandle">
|
|
77
47
|
<span class="el-dropdown-link" @click="classifyClickHandle">
|
|
78
|
-
<span style="width: 80px; height: 26px; display: inline-flex"
|
|
79
|
-
|
|
80
|
-
><i class="el-icon-arrow-down el-icon--right"></i>
|
|
48
|
+
<span style="width: 80px; height: 26px; display: inline-flex"> {{ file.mediaLabelName }}</span>
|
|
49
|
+
<i class="el-icon-arrow-down el-icon--right"></i>
|
|
81
50
|
</span>
|
|
82
|
-
<el-dropdown-menu
|
|
83
|
-
|
|
84
|
-
class="el-upload-list__item-preview"
|
|
85
|
-
>
|
|
86
|
-
<el-dropdown-item
|
|
87
|
-
v-for="(option, index) in model.optionModel.options"
|
|
88
|
-
:key="index"
|
|
89
|
-
:command="{ option: option, file: file }"
|
|
90
|
-
>
|
|
51
|
+
<el-dropdown-menu slot="dropdown" class="el-upload-list__item-preview">
|
|
52
|
+
<el-dropdown-item v-for="(option, index) in model.optionModel.options" :key="index" :command="{ option: option, file: file }">
|
|
91
53
|
{{ option[model.optionModel.optionAttrs.label] }}
|
|
92
54
|
</el-dropdown-item>
|
|
93
55
|
</el-dropdown-menu>
|
|
94
56
|
</el-dropdown>
|
|
95
57
|
</span>
|
|
96
58
|
</div>
|
|
97
|
-
<el-progress
|
|
98
|
-
type="circle"
|
|
99
|
-
v-if="file.progressFlag"
|
|
100
|
-
:percentage="file.loadProgress"
|
|
101
|
-
></el-progress>
|
|
59
|
+
<el-progress type="circle" v-if="file.progressFlag" :percentage="file.loadProgress"></el-progress>
|
|
102
60
|
</div>
|
|
103
61
|
</el-upload>
|
|
104
62
|
</div>
|
|
@@ -149,17 +107,14 @@ export default {
|
|
|
149
107
|
},
|
|
150
108
|
//删除
|
|
151
109
|
handleRemove(file) {
|
|
152
|
-
this.$common
|
|
153
|
-
.confirm("确定删除该附件?", "提示", {
|
|
110
|
+
this.$common.confirm("确定删除该附件?", "提示", {
|
|
154
111
|
confirmButtonText: "确定",
|
|
155
112
|
cancelButtonText: "取消",
|
|
156
113
|
//type: 'warning'
|
|
157
|
-
})
|
|
158
|
-
.then(() => {
|
|
114
|
+
}).then(() => {
|
|
159
115
|
this.model.deleteFile(file, false);
|
|
160
116
|
this.selfValidExcute("remove");
|
|
161
|
-
})
|
|
162
|
-
.catch(() => {});
|
|
117
|
+
}).catch(() => {});
|
|
163
118
|
},
|
|
164
119
|
handlePictureCardPreview(file) {
|
|
165
120
|
if (this.$common.isAssetTypeAnImage(this.getSuffix(file))) {
|
|
@@ -302,7 +257,8 @@ export default {
|
|
|
302
257
|
if (this.model.max) {
|
|
303
258
|
if (this.model.getfileListLength() >= this.model.max) {
|
|
304
259
|
this.disableUpload = true;
|
|
305
|
-
}
|
|
260
|
+
}
|
|
261
|
+
else {
|
|
306
262
|
this.disableUpload = false;
|
|
307
263
|
}
|
|
308
264
|
}
|
|
@@ -310,18 +266,14 @@ export default {
|
|
|
310
266
|
if (this.model.getfileListLength() < this.model.min) {
|
|
311
267
|
//change时需要判断有没有上传图片如果没有图片则不提示
|
|
312
268
|
if (eventName == "change" && this.model.getfileListLength() > 0) {
|
|
313
|
-
this.validMessage =
|
|
314
|
-
"附件数量还差" +
|
|
315
|
-
(parseInt(this.model.min) - this.model.getfileListLength()) +
|
|
316
|
-
"张";
|
|
269
|
+
this.validMessage = "附件数量还差" + (parseInt(this.model.min) - this.model.getfileListLength()) + "张";
|
|
317
270
|
this.valid = false;
|
|
318
|
-
}
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
(parseInt(this.model.min) - this.model.getfileListLength()) +
|
|
322
|
-
"张";
|
|
271
|
+
}
|
|
272
|
+
else if (eventName == "valid") {
|
|
273
|
+
this.validMessage = "附件数量还差" + (parseInt(this.model.min) - this.model.getfileListLength()) + "张";
|
|
323
274
|
this.valid = false;
|
|
324
|
-
}
|
|
275
|
+
}
|
|
276
|
+
else if (eventName == "remove") {
|
|
325
277
|
this.valid = true;
|
|
326
278
|
}
|
|
327
279
|
return false;
|