1

iMES.WebApi/wwwroot/BiManage/AppPage/DATABI/vue/Yb_Input.vue

@@ -0,0 +1,64 @@
+<template>
+    <el-col :sm="24" :md="pzoption.mdwidth">
+        <i class="iconfont icon-shezhi pull-right widgetset hidden-print" @click.stop="dialogInputVisible = true"></i>
+        <i class="iconfont icon-shanchu pull-right widgetdel hidden-print" @click.stop="delWid(pzoption.wigdetcode)"></i>
+        <el-form-item :label="pzoption.title" :prop="'wigetitems.' + index + '.value'">
+            <el-input :placeholder="childpro.placeholder"  v-model="pzoption.value"  size="small" clearable>
+            </el-input>
+        </el-form-item>
+        <el-dialog title="组件属性" :visible.sync="dialogInputVisible">
+            <el-form :model="childpro">
+           
+                <el-form-item label="占位符">
+                    <el-input v-model="childpro.placeholder" autocomplete="off"></el-input>
+                </el-form-item>
+            </el-form>
+        </el-dialog>
+    </el-col>
+
+</template>
+<script>
+    module.exports = {
+        props: ['pzoption', 'index'],
+        data: function () {
+            return {
+                dialogInputVisible: false,
+                childpro: {
+                    placeholder: "占位符"
+                }
+            }
+        },
+        methods: {
+            delWid: function (wigdetcode) {
+                // 子组件中触发父组件方法ee并传值cc12345
+                this.$root.nowwidget = {};
+                _.remove(this.$root.FormData.wigetitems, function (obj) {
+                    return obj.wigdetcode == wigdetcode;
+                });
+            },
+            senddata: function () {
+                this.pzoption.childpro = JSON.parse(JSON.stringify(this.childpro));
+            }
+        },
+        mounted: function () {
+            var chi = this;
+            chi.$nextTick(function () {
+                if (chi.$root.addchildwig) {
+                    chi.$root.addchildwig();//不能缺少
+                }
+                if (chi.pzoption.childpro.placeholder) {
+                    chi.childpro = chi.pzoption.childpro
+                }
+            })
+
+        },
+        watch: {
+            childpro: { //深度监听，可监听到对象、数组的变化
+                handler(newV, oldV) {
+                    this.senddata();
+                },
+                deep: true
+            }
+        }
+    };
+</script>