新增跳转地址配置

vincentzyc · vincentzyc · commit 3e70b2bd624c · 2019-09-05T11:04:27.000+08:00
diff --git a/src/assets/json/widget.json b/src/assets/json/widget.json
@@ -217,6 +217,7 @@
       "type": "imgShow",
       "name": "图片展示",
       "value": "",
+      "link":"",
       "style": {
         "margin": "0px 0px 0px 0px"
       }
@@ -227,6 +228,7 @@
       "type": "staticText",
       "name": "文本描述",
       "value": "文本描述",
+      "link":"",
       "style": {
         "textAlign": "left",
         "fontsize": 14,
diff --git a/src/components/widget-config/base-config.vue b/src/components/widget-config/base-config.vue
@@ -1,8 +1,18 @@
 <template>
   <section>
     <el-form-item label="选择控件" v-if="selectWg.hasOwnProperty('fieldTypes')">
-      <el-select v-model="selectWg.apiKey" filterable placeholder="请选择" @change="selectfield(selectWg.apiKey,fieldTypes[selectWg.fieldTypes])">
-        <el-option v-for="item in fieldTypes[selectWg.fieldTypes]" :key="item.value" :label="item.label" :value="item.value"></el-option>
+      <el-select
+        v-model="selectWg.apiKey"
+        filterable
+        placeholder="请选择"
+        @change="selectfield(selectWg.apiKey,fieldTypes[selectWg.fieldTypes])"
+      >
+        <el-option
+          v-for="item in fieldTypes[selectWg.fieldTypes]"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+        ></el-option>
       </el-select>
     </el-form-item>
     <el-form-item label="是否显示标签" v-if="selectWg.hasOwnProperty('showLabel')">
@@ -17,6 +27,9 @@
     <el-form-item label="文本内容" v-if="selectWg.type==='staticText'">
       <el-input type="textarea" v-model="selectWg.value"></el-input>
     </el-form-item>
+    <el-form-item label="跳转地址(空或格式错误都不会跳转)" v-if="selectWg.hasOwnProperty('link')">
+      <el-input v-model="selectWg.link" @change="isLink"></el-input>
+    </el-form-item>
     <el-form-item label="是否单选" v-if="selectWg.hasOwnProperty('isRadio')">
       <el-switch v-model="selectWg.isRadio" @change="isRadio"></el-switch>
     </el-form-item>
@@ -110,6 +123,10 @@ export default {
     }
   },
   methods: {
+    isLink(val) {
+      let isLink = this.$util.isLink(val);
+      if (!isLink) this.$message.error('请输入正确的网址');
+    },
     isRadio(flag) {
       this.selectWg.value = flag ? "" : []
     },
diff --git a/src/utils/index.js b/src/utils/index.js
@@ -107,6 +107,11 @@ export default {
     let pattern = /^[1-9]{1}\d*$/g;
     let isNumber = pattern.test(val);
     return isNumber;
+  },
+  isLink(val){
+    let pattern = /^((https:|http:|:)?\/\/)(?:[\da-z.-]+)\.(?:[a-z.]{2,6})(?:\/\w\.-]*)*\/?/;
+		let isLink = pattern.test(val);
+		return isLink;
   },
 	/**
 	 * 四舍五入强制保留n位小数
