修改

src/components/tradePavilion/plugin/dropdown.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">
@@ -25,13 +10,12 @@
     </div>
     <div class="diy-component-preview">
       <div class="diy-search">
-        <div style="display:flex;align-items:center;">
-          <div style="color:red;" v-show="searchData.CompData.IsRequire">*</div>
-          <div class="commonDisName">{{searchData.CompData.Name}}</div>
-            <div class="single_Input">
-              <span>请选择</span>
-            </div>
-          </div>
+        <el-form label-width="90px">
+          <el-form-item :label="searchData.CompData.Name" :required="searchData.CompData.IsRequire"
+            style="margin-bottom:0">
+            <el-select disabled style="width:328px;"></el-select>
+          </el-form-item>
+        </el-form>
       </div>
     </div>
     <div class="diy-component-edit" v-if="searchData.isCked">

src/components/tradePavilion/plugin/imgupform.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;
-  }
   .imgdiy-search{
     background: rgb(242, 242, 242);
   }
@@ -34,14 +22,15 @@
     </div>
     <div class="diy-component-preview">
       <div class="imgdiy-search">
-        <div style="display:flex;align-items:center;">
-          <div class="commonDisName">{{searchData.CompData.Name}}</div>
+         <el-form label-width="90px">
+          <el-form-item :label="searchData.CompData.Name" style="margin-bottom:0">
             <div>
                 <template v-for="(item,index) in imgNum">
-               <img :key="index" src="../../../assets/img/default.png" style="width:100px;margin-right:20px;" alt=""> 
+                <img :key="index" src="../../../assets/img/default.png" style="width:80px;margin-right:20px;" alt=""> 
                 </template>
             </div>
-        </div>
+          </el-form-item>
+        </el-form>
       </div>
     </div>
     <div class="diy-component-edit" v-if="searchData.isCked">

src/components/tradePavilion/plugin/multilinetext.vue

-<style>
-  .multilineText_Input {
-    width: 500px;
-    height: 120px;
-    border: 1px solid #DCDFE6;
-    border-radius: 4px;
-    margin-left:20px;
-    background: #fff;
-    font-size:25px;
-    color:#c0c4d6;
-    line-height: 60px;
-    padding-left:20px;
-  }
-  .diy-multiple{
-    background: rgb(242, 242, 242);
-  }
-  .diy-multiple>div{
-    padding: 24px;
-    font-size: 28px;
-  }
-</style>
 <template>
   <div :class="{'active':searchData.isCked}">
     <div class="diy-component-options" v-if="searchData.isCked">
@@ -30,20 +9,18 @@
         style="right: -25px; top: 30px;"></el-button>
     </div>
     <div class="diy-component-preview">
-      <div class="diy-multiple">
-        <div style="display:flex;align-items:center;">
-          <div style="color:red;" v-show="searchData.CompData.IsRequire">*</div>
-          <div class="commonDisName">{{searchData.CompData.Name}}</div>
-          <div class="multilineText_Input">
-            <span v-if="searchData.CompData.WordsLength>0">最多输入{{searchData.CompData.WordsLength}}个字</span>
-          </div>
-        </div>
+      <div class="diy-search">
+        <el-form label-width="90px">
+          <el-form-item :label="searchData.CompData.Name" :required="searchData.CompData.IsRequire" style="margin-bottom:0">
+            <el-input disabled type="textarea" :placeholder="`最多输入${searchData.CompData.WordsLength}个字`"></el-input>
+          </el-form-item>
+        </el-form>
       </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.CompData.Name" size="small"></el-input>
+          <el-input v-model="searchData.CompData.Name" size="small" :maxlength="10"></el-input>
         </el-form-item>
         <el-form-item label="字数">
           <el-input type="text" v-model="searchData.CompData.WordsLength" @keyup.native="checkInteger(searchData.CompData,'WordsLength')" size="small"></el-input>

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">
@@ -25,22 +10,21 @@
     </div>
     <div class="diy-component-preview">
       <div class="diy-search">
-        <div style="display:flex;align-items:center;">
-          <div style="color:red;" v-show="searchData.CompData.IsRequire">*</div>
-          <div class="commonDisName">{{searchData.CompData.Name}}</div>
-          <div class="single_Input">
-            <span v-if="searchData.CompData.WordsLength>0">最多输入{{searchData.CompData.WordsLength}}个字</span>
-          </div>
-        </div>
+        <el-form label-width="90px">
+          <el-form-item :label="searchData.CompData.Name" :required="searchData.CompData.IsRequire" style="margin-bottom:0">
+            <el-input disabled :placeholder="`最多输入${searchData.CompData.WordsLength}个字`"></el-input>
+          </el-form-item>
+        </el-form>
       </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.CompData.Name" size="small"></el-input>
+          <el-input v-model="searchData.CompData.Name" size="small" :maxlength="10"></el-input>
         </el-form-item>
         <el-form-item label="字数">
-          <el-input type="text" v-model="searchData.CompData.WordsLength" @keyup.native="checkInteger(searchData.CompData,'WordsLength')" size="small"></el-input>
+          <el-input type="text" v-model="searchData.CompData.WordsLength"
+            @keyup.native="checkInteger(searchData.CompData,'WordsLength')" size="small"></el-input>
         </el-form-item>
         <el-form-item label="是否必填">
           <el-switch v-model="searchData.CompData.IsRequire">

src/components/tradePavilion/plugin/videoform.vue

@@ -33,14 +33,15 @@
     </div>
     <div class="diy-component-preview">
       <div class="imgdiy-search">
-        <div style="display:flex;align-items:center;">
-          <div class="commonDisName">{{searchData.CompData.Name}}</div>
-          <div style="margin-left:5px;">
+         <el-form label-width="90px">
+          <el-form-item :label="searchData.CompData.Name" style="margin-bottom:0">
+            <div>
                 <template v-for="(item,index) in imgNum">
-               <img :key="index" src="../../../assets/img/default.png" style="width:100px;margin-right:20px;" alt=""> 
+                <img :key="index" src="../../../assets/img/default.png" style="width:80px;margin-right:20px;" alt=""> 
                 </template>
             </div>
-        </div>
+          </el-form-item>
+        </el-form>
       </div>
     </div>
     <div class="diy-component-edit" v-if="searchData.isCked">

src/components/tradePavilion/registrationAdd.vue

@@ -182,11 +182,11 @@
     background-position: left center;
   }
 
-  .diy-component-preview {
+  .registrationAdd .diy-component-preview {
     cursor: pointer;
     position: relative;
-    zoom: 0.5;
-    -moz-transform: scale(0.5);
+    zoom: 0.8;
+    -moz-transform: scale(0.8);
     -moz-transform-origin: top left;
     font-size: 28px;
   }