修改

src/components/tradePavilion/plugin/singletextbox.vue

+<style>
+  .single_Input {
+    width: 500px;
+    height: 60px;
+    border: 1px solid #DCDFE6;
+    border-radius: 4px;
+    margin-left:20px;
+    background: #fff;
+    font-size:25px;
+    color:#c0c4d6;
+    line-height: 60px;
+    padding-left:20px;
+  }
+
+</style>
+<template>
+  <div :class="{'active':searchData.isCked}">
+    <div class="diy-component-options" v-if="searchData.isCked">
+      <el-button type="primary" icon="el-icon-delete" style="left: -25px; top: 0px;" @click="delPlugin()"></el-button>
+      <el-button type="primary" icon="el-icon-document-copy" style="left: -25px; top: 30px;"></el-button>
+      <el-button type="primary" icon="el-icon-arrow-up" v-if="index>0" @click="resetSord(0)"
+        style="right: -25px; top: 0;"></el-button>
+      <el-button type="primary" icon="el-icon-arrow-down" v-if="index!=dataLeng-1" @click="resetSord(1)"
+        style="right: -25px; top: 30px;"></el-button>
+    </div>
+    <div class="diy-component-preview">
+      <div class="diy-search">
+        <!-- <el-form>
+            <el-form-item :label="searchData.data.Name">
+                <el-input :placeholder="`最多输入${searchData.data.WordsLength}个字`" size="small"></el-input>
+            </el-form-item>
+        </el-form> -->
+        <div style="display:flex;align-items:center;">
+          <div style="color:red;" v-show="searchData.data.IsRequire">*</div>
+          <div>{{searchData.data.Name}}</div>
+          <div class="single_Input">
+            <span v-if="searchData.data.WordsLength>0">最多输入{{searchData.data.WordsLength}}个字</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="diy-component-edit" v-if="searchData.isCked">
+      <el-form label-width="100px">
+        <el-form-item label="名字">
+          <el-input v-model="searchData.data.Name" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="字数">
+          <el-input type="text" v-model="searchData.data.WordsLength" @keyup.native="checkInteger(searchData.data,'WordsLength')" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="是否必填">
+          <el-switch v-model="searchData.data.IsRequire">
+          </el-switch>
+        </el-form-item>
+      </el-form>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    props: ["searchData", "index", "dataLeng"],
+    data() {
+      return {
+
+      };
+    },
+    created() {},
+    methods: {
+      //向父组件传值 并调用排序
+      resetSord(IsUp) {
+        this.$emit('getSord', this.index, IsUp);
+      },
+      //点击触发父组件删除
+      delPlugin() {
+        this.$emit('comDelPlugin', this.index);
+      }
+    },
+    mounted() {}
+  };
+
+</script>