centaline-data-driven 1.2.53 → 1.2.56

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "centaline-data-driven",
3
- "version": "1.2.53",
3
+ "version": "1.2.56",
4
4
  "description": "ccai",
5
5
  "author": "hjc <3226136347@qq.com>",
6
6
  "private": false,
package/src/Form.vue CHANGED
@@ -1,9 +1,9 @@
1
1
  <template>
2
2
  <div id="app-form" class="data-driven" style="width:100%;height:100%;overflow:auto">
3
3
  <!-- <ct-form :api="'/api/third-dept-tran/profit-return/applyUI'" :apiParam="apiParam"></ct-form> -->
4
- <ct-form :api="'/PropertyRET/getLayoutOfNew'" :apiParam="apiParam"></ct-form>
4
+ <!-- <ct-form :api="'/PropertyRET/getLayoutOfNew'" :apiParam="apiParam"></ct-form> -->
5
5
  <!-- <ct-form :source="formdata.content" :apiParam="apiParam"></ct-form> -->
6
- <!--<ct-form :api="'/api/form/formdata/contractDetail'" :apiParam="apiParam"></ct-form>-->
6
+ <ct-form :api="'/api/third-dept-tran/transaction/detail'" :apiParam="apiParam"></ct-form>
7
7
  <!--<ct-form :api="'api/Form/formdata'"></ct-form>-->
8
8
  <ct-dialog-list></ct-dialog-list>
9
9
  </div>
@@ -17,7 +17,7 @@
17
17
  // apiParam: {profitReturnId: "1504359257134055426", actionType: 1, pageStyle: 2, pageTitle: "查看返利", pageOnly: true} ,
18
18
  // apiParam: {headerParam: {}, urlParam: {contractID: "06cad32e-4d0d-4b6f-bd24-16a28629a550", actionType: "0"}}
19
19
  // apiParam: {originalTraId: "1475658732246241281", actionType: 2, chanceID: "1"} ,
20
- apiParam: {actionType: "2", propertyID: "", estateID: "1", buildingID: "1", floorID: "1", roomNo: "1504",tradeID: "100"}
20
+ apiParam: {originalTraId: "1516290587463507969", actionType: "3", pageStyle: "2", pageTitle: "成交报告",pageOnly: "true"}
21
21
  }
22
22
  },
23
23
  methods: {
@@ -804,5 +804,9 @@ html {
804
804
  line-height: 26px;
805
805
  }
806
806
 
807
+ .el-popoverabsolute{
808
+ position: absolute !important;
809
+ top: 20px !important;
810
+ }
807
811
 
808
812
 
@@ -34,30 +34,31 @@
34
34
  <div>{{model.label}}</div>
35
35
  <div style="color:red;font-weight:700;">{{model.subText}}</div>
36
36
  </el-button>
37
- <el-button v-else-if="model.isCallTel"
37
+ <el-button v-else-if="model.isCallTel" :id="model.id"
38
38
  :type="model.isHyperLink ? 'text' : 'primary'"
39
39
  v-bind="model.attrs" @click="clickHandle"
40
- :style="{color:model.textColor,backgroundColor:model.bgColor,borderColor:model.borderColor}"
40
+ :style="{color:model.textColor,backgroundColor:model.imgUrl?'transparent':model.bgColor,borderColor:model.imgUrl?'transparent':model.borderColor,padding:model.imgUrl?'0px':null}"
41
41
  :icon="model.icon"
42
42
  :disabled="model.disabled || model.locked">
43
- <el-popover :ref="'popover'+model.id" :append-to-table="option.appendId?option.appendId:''"
44
- class="Stats-popover" popper-class="el-popover1" :placement="option.placement?option.placement:'left'"
45
- v-model="visible"
46
- :trigger="option.trigger?option.trigger:''">
47
- <div style="border-bottom:none">
48
- <div style="color: #388cd3;text-align: center;">{{message}}</div>
49
- <img v-show="qrCode" :src="qrCode" style="margin-top: 5px;" :style="{'width':width+'px','height':height+'px'}" />
50
- </div>
51
- <span slot="reference">{{model.label}}</span>
52
- </el-popover>
43
+ <el-popover :ref="'popover'+model.id" :append-to-body="false"
44
+ class="Stats-popover" :popper-class="flagAbsolute?'el-popoverabsolute':'el-popover1'" :placement="option.placement?option.placement:'left'"
45
+ v-model="visible" :trigger="option.trigger?option.trigger:''">
46
+ <div style="border-bottom:none">
47
+ <div style="color: #388cd3;text-align: center;">{{message}}</div>
48
+ <img v-show="qrCode" :src="qrCode" style="margin-top: 5px;" :style="{'width':width+'px','height':height+'px'}" />
49
+ </div>
50
+ <img v-if="model.imgUrl" slot="reference" :title="model.label" :src="tellImgUrl?tellImgUrl:model.imgUrl" height="24px" />
51
+ <span v-else slot="reference">{{model.label}}</span>
52
+ </el-popover>
53
53
  </el-button>
54
54
  <el-button v-else
55
55
  :type="model.isHyperLink ? 'text' : 'primary'"
56
56
  v-bind="model.attrs" @click="$emit('click',model)"
57
- :style="{color:model.textColor,backgroundColor:model.bgColor,borderColor:model.borderColor}"
57
+ :style="{color:model.textColor,backgroundColor:model.imgUrl?'transparent':model.bgColor,borderColor:model.imgUrl?'transparent':model.borderColor,padding:model.imgUrl?'0px':null}"
58
58
  :icon="model.icon"
59
59
  :disabled="model.disabled || model.locked">
60
- {{model.label}}
60
+ <img v-if="model.imgUrl" :title="model.label" :src="model.imgUrl" height="24px"/>
61
+ <span v-else>{{model.label}}</span>
61
62
  </el-button>
62
63
  </template>
63
64
  <script>
@@ -68,6 +69,7 @@
68
69
  vmodel: Object,
69
70
  fileData: Object,
70
71
  optionApi:String,
72
+ flagAbsolute:Boolean,
71
73
  },
72
74
  mixins: [dynamicElement],
73
75
  data: function () {
@@ -77,10 +79,11 @@
77
79
  qrCode:'',
78
80
  width:300,
79
81
  height:300,
82
+ tellImgUrl:'',
80
83
  option: {
81
84
  isHidden: true,//是否开启操作栏隐藏设置,默认开启
82
85
  showNum: 3,//如果isHidden为true时,个数大于3就会隐藏,默认是3
83
- appendId: '',//将浮动栏添加到对应id或者class节点中。或者.xxx。传空字符串是添加到body中。
86
+ appendId: '.el-button',//将浮动栏添加到对应id或者class节点中。或者.xxx。传空字符串是添加到body中。
84
87
  trigger: 'manual',//触发方式,传值可查看Popper UI组件trigger属性
85
88
  placement: 'bottom-start',//方向,传值可查看Popper UI组件placement属性
86
89
  },
@@ -138,6 +141,7 @@
138
141
  if(this.model.isCallTel){
139
142
  if(this.visible){
140
143
  this.visible=false;
144
+ this.tellImgUrl='';
141
145
  }
142
146
  else{
143
147
  this.$emit('click',this.model);
@@ -150,16 +154,19 @@
150
154
  callTelClick(data){
151
155
  this.message='';
152
156
  this.qrCode='';
157
+ this.tellImgUrl='';
153
158
  if(data.content.actionType=='显示消息'){
154
159
  this.visible=true;
155
160
  this.message=data.content.message;
161
+ if(data.content.imgUrl)this.tellImgUrl=data.content.imgUrl;
156
162
  }
157
163
  else if(data.content.actionType=='扫码拨号'){
158
164
  this.visible=true;
159
165
  this.message=data.content.message;
160
- this.qrCode='data:image/png;base64,' + data.content.qrCode;
166
+ this.qrCode = data.content.qrCode;
161
167
  if(data.content.width)this.width=data.content.width;
162
168
  if(data.content.height)this.height=data.content.height;
169
+ if(data.content.imgUrl)this.tellImgUrl=data.content.imgUrl;
163
170
  }
164
171
  },
165
172
  }
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <div v-if="apiRouter!=={} && model && model.listData.length>0" style="border: 1px solid #ECEFF2;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);border-radius: 6px;
3
3
  padding-bottom: 10px;padding-top: 10px;padding-left: 10px;display: flex;font-size: 12px;">
4
- <div class="ct-so" style="width:180px;">
4
+ <div class="ct-so" style="width:auto;margin-right: 10px;">
5
5
  <el-popover ref="pop" placement="bottom-start" v-model="showDrop" trigger="click">
6
6
  <div>
7
7
  <ctSelectOptionVertical :model="model" @click="selectOption($event)"></ctSelectOptionVertical>
@@ -18,8 +18,8 @@
18
18
  </span>
19
19
  </div>
20
20
  <div style="margin-left: 5px;display: flex;">
21
- <component v-for="(router, index) in model.rowRouter" :key="index" :ref="'router'+router.id"
22
- v-if="!router.rightField || model.listData[model.value][router.rightField] == 1"
21
+ <component v-for="(router, index) in model.rowRouter" :key="index" :ref="'router'+router.id" :flagAbsolute="true"
22
+ v-if="!router.rightField || model.listData[model.value][router.rightField] == 1" :style="{position: router.isCallTel ?'relative':null}"
23
23
  :is="router.is" :vmodel="router" :api="model.optionApi" @click="fieldClickHandler(router)">
24
24
  </component>
25
25
  </div>
@@ -177,9 +177,10 @@
177
177
  <div class="t-item">
178
178
  <span class="i">{{col.operationName}}</span>
179
179
  </div>
180
- <div class="t-item"><span class="i" :class="'operation'+col.flagKey">{{col.desc}}</span></div>
180
+ <div class="t-item"><span class="i" :class="'operation'+col.flagKey" :style="{color:col.descColor}">{{col.desc}}</span></div>
181
181
  <div class="t-item" style="min-height: 50px;">
182
- <component class="el-button t-but el-button--info max-info" v-if="col.router && col.router.show" :is="col.router.is" :vmodel="col.router" :api="model.optionApi" @click="fieldClickHandler(col.router,$event)"></component>
182
+ <component v-for="(router, routerIndex) in col.routers" :key="routerIndex" :is="router.is" :vmodel="router" :api="model.optionApi"
183
+ @click="fieldClickHandler(router,$event)" class="el-button t-but el-button--info max-info"></component>
183
184
  </div>
184
185
  </div>
185
186
  </div>
@@ -594,10 +595,10 @@
594
595
  }
595
596
  </script>
596
597
  <style lang="scss" scoped>
597
- .operation0{
598
+ .operation0,.operation20,.operation-1000{
598
599
  color: #000000;
599
600
  }
600
- .operation1{
601
+ .operation1,.operation10{
601
602
  color: #388cd3;
602
603
  }
603
604
  .operation2{
@@ -27,8 +27,8 @@
27
27
  <span>{{model.fields1Dic.DistrictName.value}}</span>
28
28
  <span>{{model.fields1Dic.AreaName.value}}</span>
29
29
  </div>
30
- <div style="margin-top: 7px;display: flex;">
31
- <div v-for="(tag, index) in model.actionRouterLabel" :key="index" class="t-tag"
30
+ <div style="display: flex;flex-wrap: wrap;">
31
+ <div v-for="(tag, index) in model.actionRouterLabel" :key="index" class="t-tag" style="margin-top: 7px;"
32
32
  :style="{color:tag.textColor,backgroundColor:tag.bgColor,borderColor:tag.borderColor}">
33
33
  {{tag.label}}
34
34
  </div>
@@ -48,7 +48,7 @@
48
48
  <div style="margin-top: 7px;font-size: 14px;font-weight: Bold;color: #EE6B6B;">{{model.fields1Dic.FloorName.value}}</div>
49
49
  </div>
50
50
  </div>
51
- <div ref="contact" style="margin-top: 16px;" v-if="model.contactApiRouter!==null" >
51
+ <div ref="contact" id="contact" style="margin-top: 16px;" v-if="model.contactApiRouter!==null" >
52
52
  <ct-contact :apiRouter="model.contactApiRouter" :api="model.contactApiRouter.action" :apiParam="model.contactApiRouter.getSearchPara()"></ct-contact>
53
53
  </div>
54
54
  <div ref="routers" style="margin-top: 16px;display: flex;">
@@ -152,11 +152,13 @@
152
152
  let moreWidth = 20;
153
153
  self.model.actionRoutersSimple.forEach((v,i) => {
154
154
  if(!v.rightField || (self.model.fields1Dic[v.rightField] && self.model.fields1Dic[v.rightField].value == 1)){
155
- if(sumWidth+self.$refs['routers'+i][0].$el.offsetWidth+moreWidth+10>totalWidth && self.showIndex===0){
156
- self.showIndex=i;
157
- }
158
- else{
159
- sumWidth=sumWidth+self.$refs['routers'+i][0].$el.offsetWidth+(i>0?10:0);
155
+ if(self.$refs['routers'+i][0] && self.$refs['routers'+i][0].$el){
156
+ if(sumWidth+self.$refs['routers'+i][0].$el.offsetWidth+moreWidth+10>totalWidth && self.showIndex===0){
157
+ self.showIndex=i;
158
+ }
159
+ else{
160
+ sumWidth=sumWidth+self.$refs['routers'+i][0].$el.offsetWidth+(i>0?10:0);
161
+ }
160
162
  }
161
163
  }
162
164
  });
@@ -105,7 +105,7 @@
105
105
  var self = this;
106
106
  return {
107
107
  loading: true,
108
- activeName: '0',
108
+ activeName: '-1',
109
109
  collapse: [],//分组数组
110
110
  collapseActiveNames: [],//默认展开的分组name
111
111
  collapseFieldsRow: [],//分组数组对应的行列布局
@@ -172,6 +172,9 @@
172
172
  }
173
173
  else if (v.is === 'ct-group') {
174
174
  self.collapse.push(v);
175
+ if(v.isExpand && self.activeName=='-1'){
176
+ self.activeName=(self.collapse.length-1).toString();
177
+ }
175
178
  if (v.lock || v.isExpand) {
176
179
  realCollapseActiveNames.push(self.collapse.length - 1);
177
180
  }
@@ -186,10 +189,11 @@
186
189
  collapseItem.push(v);
187
190
  }
188
191
  });
192
+ if(self.activeName==='-1')self.activeName='0';
189
193
  if (collapseItem.length > 0) {
190
194
  collapseItemArr.push(collapseItem);
191
195
  }
192
-
196
+
193
197
  //遍历分组里的组件,计算行列布局
194
198
  for (var i = 0; i < collapseItemArr.length; i++) {
195
199
  var myFilter = collapseItemArr[i];
@@ -306,6 +306,7 @@ const Detail = function (source,para ,callBack) {
306
306
  rtn._operationList=response.content;
307
307
  if(rtn._operationList && rtn._operationList.length>0){
308
308
  rtn._operationList.forEach((v,i) => {
309
+ rtn._operationList[i].routers=[];
309
310
  if (v.modelRouters) {
310
311
  v.modelRouters.forEach((f,i2) => {
311
312
  var router = Router(f);
@@ -314,7 +315,10 @@ const Detail = function (source,para ,callBack) {
314
315
  if(router.rightField){
315
316
  router.show=v[router.rightField];
316
317
  }
317
- if(router.show)rtn._operationList[i].router=router;
318
+ if(router.show){
319
+ // rtn._operationList[i].router=router;
320
+ rtn._operationList[i].routers.push(router);
321
+ }
318
322
  rtn._operationRouters.push(router);
319
323
  });
320
324
  }
package/src/main.js CHANGED
@@ -13,8 +13,7 @@ Vue.use(ElementUI, { size: 'mini'});
13
13
  Vue.config.productionTip = false;
14
14
  Vue.use(centaline, {
15
15
  baseUrl: "http://10.88.22.46:7070/v1/form/router",
16
- // baseUrl: "http://tjcptest.centaline.com.cn/",
17
- // baseUrl: "http://10.88.22.46:7070/",
16
+ // baseUrl: "http://tjcptest.centaline.com.cn/",
18
17
  // flagRouterSelf: true,
19
18
  zindex: 999,
20
19
  showRequestErrorMessage: true,
@@ -36,7 +35,7 @@ Vue.use(centaline, {
36
35
  // 获取请求头
37
36
  getRequestHeaders: function () {
38
37
  return {
39
- oldToken: 'fd2b9945-9709-4608-a57b-13a8ad61030a',
38
+ oldToken: '1c37d6b7-9259-4835-88f6-a389900244f7',
40
39
  estateId: '20210729104021C49F04B55C50F6AF58',
41
40
  originalRequestURL: 'http://10.88.22.67:8080',
42
41
  Authorization:'Bearer eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6IjE0NmU5ZjEzLTVjMmYtNGVlMy1hM2U5LWIxM2QyZThjZTBhZSJ9.Gl8K5lbG7t5DyCqouu7Ux7Oh9xuAxqdOXr4JnoHCN-YwC3b2zPO-C2sHbYJUZHYQPa7kTNRmg1xJiwugpVo5Xw',