优化:组件功能

Bailun.DC.Web/Areas/Component/Views/Form/Control.cshtml

@@ -127,12 +127,44 @@
                     v-on:upload-success="(response,file) => $emit('upload-success',response,file)"
                     v-on:change="javaScript.call(this,item.onchange,$event)">
     </el-upload-form>
+    <el-breadcrumb v-else-if="item.type == 'breadcrumb'"
+                   v-bind:size="item.size || 'small'"
+                   separator-class="el-icon-arrow-right">
+        <el-breadcrumb-item v-bind:size="item.size || 'small'">
+            首页
+        </el-breadcrumb-item>
+        <el-breadcrumb-item v-for="(crumb,index) in item_value"
+                            v-bind:key="index"
+                            v-bind:size="item.size || 'small'"
+                            v-bind:class="{mt59:(index > 1 && (index % 2 == 0))}">
+            <el-input v-model="item_value[index]"
+                      autosize
+                      v-bind:clearable="item.clearable == null || item.clearable"
+                      v-bind:disabled="disabled != null ? disabled :(item.disabled == true || javaScript.call(this,item.disabled))"
+                      v-bind:placeholder="item.placeholder != null ? item.placeholder :('请选择' + (item.label || item.name || ''))"
+                      v-bind:maxlength="item.maxlength"
+                      v-bind:show-word-limit="item.maxlength > 0"
+                      v-bind:size="item.size || 'small'">
+            </el-input>
+            <el-button icon="el-icon-close"
+                       v-bind:size="item.size || 'small'"
+                       v-on:click="item_value.splice(index, 1)">
+            </el-button>
+        </el-breadcrumb-item>
+        <el-breadcrumb-item v-if="!item_value || !item_value.length || !!item_value[item_value.length - 1]"
+                            v-bind:size="item.size || 'small'">
+            <el-button icon="el-icon-plus"
+                       v-bind:size="item.size || 'small'"
+                       v-on:click="item_value == null ? setArrayValue('') : item_value.push('')">
+            </el-button>
+        </el-breadcrumb-item>
+    </el-breadcrumb>
     <template v-else-if="item.type == 'table' && item.code">
         <el-button v-if="!item_value || !item_value.length"
                    type="success"
                    icon="el-icon-plus"
                    v-bind:size="item.size || 'small'"
-                   v-on:click="onClick">
+                   v-on:click="setArrayValue({})">
             {{"新增"}}
         </el-button>
         <el-table-control ref="table"

Bailun.DC.Web/wwwroot/css/component/el-form-control.css

@@ -47,3 +47,33 @@
 .el-form-control .el-range-separator {
     width: auto;
 }
+
+.el-form-control .el-breadcrumb {
+    font-size: 14px;
+    line-height: 3;
+    background: white;
+    padding-left: 15px;
+}
+
+.el-form-control .el-breadcrumb__item div {
+    width: 220px;
+}
+
+.el-form-control .el-breadcrumb__item .el-button {
+    width: 35px;
+    padding: 0px;
+    margin-left: -4px;
+    height: 32px;
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
+}
+
+.el-form-control .el-breadcrumb__item .el-input input {
+    border-right: 0px;
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+}
+
+.el-form-control .mt59 {
+    margin-left: 59px;
+}

Bailun.DC.Web/wwwroot/js/component/el-form-control.js

@@ -167,11 +167,11 @@
         //弹出窗
         showDialog(title, form, code) {
         },
-        //单击事件
-        onClick: function () {
+        //设置值
+        setArrayValue: function (value) {
             var that = this;
             Vue.set(that, 'item_value', []);
-            that.item_value.push({});
+            that.item_value.push(value);
         }
     },
     template: '#elFormControl'