cloud-web-corejs 1.0.91 → 1.0.93

package/src/components/xform/form-designer/form-widget/field-widget/form-item-wrapper.vue

@@ -14,9 +14,22 @@
     <div>
       <template v-if="formItemProp=='false'">
         <template v-if="!field.options.hidden">
-          <template v-if="showType === 0">
+          <template v-if="isShowWidget()">
             <slot></slot>
           </template>
+          <template v-else-if="field.options.widgetTextFlag===3 && field.options.widgetTextLinkConfig">
+            <div class="ellipsis">
+              <a class="a-link" :class="getWidgetClass()" @click.native="handleClick">
+              <span>
+                <i :class="field.options.widgetTextLinkConfig.options.prefixIcon"
+                   v-if="!!field.options.widgetTextLinkConfig.options.prefixIcon"></i>
+                <span>{{ getWidgetValue() }}</span>
+                <i :class="field.options.widgetTextLinkConfig.options.suffixIcon"
+                   v-if="!!field.options.widgetTextLinkConfig.options.suffixIcon"></i>
+              </span>
+              </a>
+            </div>
+          </template>
           <template v-else>
             <span>{{ getShowValue() }}</span>
           </template>
@@ -50,9 +63,22 @@
           <span v-if="!!field.options.labelColor" slot="label" :style="{'color':field.options.labelColor}">
             {{ label }}
           </span>
-          <template v-if="showType === 0">
+          <template v-if="isShowWidget()">
             <slot></slot>
           </template>
+          <template v-else-if="field.options.widgetTextFlag===3 && field.options.widgetTextLinkConfig">
+            <div class="ellipsis">
+              <a class="a-link" :class="getWidgetClass()" @click="handleClick">
+              <span>
+                <i :class="field.options.widgetTextLinkConfig.options.prefixIcon"
+                   v-if="!!field.options.widgetTextLinkConfig.options.prefixIcon"></i>
+                <span>{{ getWidgetValue() }}</span>
+                <i :class="field.options.widgetTextLinkConfig.options.suffixIcon"
+                   v-if="!!field.options.widgetTextLinkConfig.options.suffixIcon"></i>
+              </span>
+              </a>
+            </div>
+          </template>
           <template v-else>
             <span>{{ getShowValue() }}</span>
           </template>
@@ -150,6 +176,9 @@ export default {
     },
 
     labelAlign() {
+      if (!this?.field?.options?.labelAlign) {
+        return ""
+      }
       if (!!this.field.options.labelAlign) {
         return this.field.options.labelAlign
       }
@@ -174,11 +203,6 @@ export default {
     },
 
   },
-  data() {
-    return {
-      showType: 0
-    }
-  },
   created() {
     //
     this.initShowType();
@@ -274,9 +298,16 @@ export default {
       return !this.designState && label ? this.$t2(label, path, param) : label;
     },
     initShowType() {
-      if (!!this.designer)return
+      if (!!this.designer) return
       let that = this.$parent
-      let formRef = that.getFormRef?that.getFormRef():that;
+      let formRef = that.getFormRef ? that.getFormRef() : that;
+
+      if(!formRef)return
+      //详情页，新增页面不加密
+      let fJson = formRef.formJson;
+      let formConfig = fJson.formConfig;
+      if (formConfig.isLoadEntity && !formRef.dataId) return
+
       let bdService = formRef.bdService;
       let companyCode = this.$store.getters.companyCode;
       let loginAccount = this.$store.getters.loginAccount;
@@ -294,6 +325,8 @@ export default {
         flag = 1;
       } else if (optionModel.showEncryptTextEnabled) {
         flag = 2;
+      } else if (optionModel.showLinkTextEnabled) {
+        flag = 3;
       }
       if (optionModel.userTextRuleEnabled) {
         let userTextRuleConfig = optionModel.userTextRuleConfig || [];
@@ -302,14 +335,14 @@ export default {
           if (type !== null && type !== "") {
             let companyCodeStr = item.companyCodes;
             let companyCodes = companyCodeStr ? companyCodeStr.split(",").filter(item => !!item) : [];
-/*
+            /*
 
-            let loginAccountStr = item.loginAccounts;
-            let loginAccounts = loginAccountStr ? loginAccountStr.split(",").filter(item => !!item) : [];
+                        let loginAccountStr = item.loginAccounts;
+                        let loginAccounts = loginAccountStr ? loginAccountStr.split(",").filter(item => !!item) : [];
 
-            let saleOrgCodeStr = item.saleOrgCodes;
-            let saleOrgCodes = saleOrgCodeStr ? saleOrgCodeStr.split(",").filter(item => !!item) : [];
-*/
+                        let saleOrgCodeStr = item.saleOrgCodes;
+                        let saleOrgCodes = saleOrgCodeStr ? saleOrgCodeStr.split(",").filter(item => !!item) : [];
+            */
 
             let roleCodeStr = item.roleCodes;
             let roleCodes = roleCodeStr ? roleCodeStr.split(",").filter(item => !!item) : [];
@@ -319,14 +352,15 @@ export default {
             // let flag3 = !loginAccounts.length || loginAccounts.includes(loginAccount)
             // let flag4 = this.compareToList(saleOrgCodes, saleOrgCodeList)
             let flag5 = this.compareToList(roleCodes, roleCodeList)
-            let result = flag1 && flag2 && flag5 ;
+            let result = flag1 && flag2 && flag5;
             if (result) {
               flag = type;
             }
           }
         })
       }
-      this.showType = flag;
+      this.field.options.widgetTextFlag = flag
+      // this.showType = flag;
     },
     compareToList(list1, list2) {
       if (!list1.length) {
@@ -339,10 +373,16 @@ export default {
         return list2.some(item2 => item == item2)
       });
     },
+    isShowWidget() {
+      let widgetTextFlag = this.field.options.widgetTextFlag;
+      return widgetTextFlag === undefined || widgetTextFlag === null || widgetTextFlag === 0
+    },
     getShowValue() {
+      let widgetTextFlag = this.field.options.widgetTextFlag;
       let fieldModel = this.$parent.fieldModel;
+      if (this.$parent.fieldModelLabel) fieldModel = this.$parent.fieldModelLabel();
       let showValue = fieldModel
-      if (this.showType == 2) {
+      if (widgetTextFlag == 2) {
         let optionModel = this.field.options;
         showValue = "*******";
         if ((optionModel.textRule1 || optionModel.textRule2 || optionModel.textRule3)) {
@@ -385,7 +425,26 @@ export default {
 
       return showValue;
     },
-
+    getWidgetClass() {
+      let list = [];
+      let optionModel = this.field.options.widgetTextLinkConfig?.options || {};
+      if (optionModel.coloClass) list.push(optionModel.coloClass);
+      if (optionModel.underline) list.push('underLine');
+      if (this.field.options.disabled) list.push('is-disabled');
+      return list
+    },
+    handleClick(event) {
+      if(this.field.options.disabled) return;
+      this.$parent.handleButtonWidgetClick(event, true)
+      if (!this.designState && this.field.options.widgetTextLinkConfig?.options.href) {
+        window.open(this.field.options.widgetTextLinkConfig?.options.href);
+      }
+    },
+    getWidgetValue() {
+      let fieldModel = this.$parent.fieldModel;
+      if (this.$parent.fieldModelLabel) fieldModel = this.$parent.fieldModelLabel();
+      return fieldModel;
+    }
   }
 }
 </script>
@@ -507,5 +566,8 @@ export default {
   text-align: right;
 }
 
+.a-link.is-disabled {
+  cursor: no-drop;
+}
 
 </style>