字段配置弹框添加无数据得图片

src/assets/styles/form.scss

 @import './main.scss';
 .wrap{
+  /deep/ .el-dialog__header{padding-left:32px;}
+  .zwsjWrap{
+    text-align: center;margin-top:25px;
+    p{color:#E0E0E0;font-size:14px;line-height: 19px;}
+  }
+
+  .fs16{
+    font-size: $ns-font-size-lg;
+    i{
+      margin-right: 4px;}
+  }
   .checkboxGroup{margin: 0 0 0 140px;}
   .flTtitle{display:inline-block;height:40px;line-height: 40px;padding:0 24px;border-radius: 0px 0px 22px 4px;background: $title-color;color:#fff;margin-left: 34px;font-size:16px;}
   .settingField{

src/components/form_components.vue

@@ -73,12 +73,16 @@
       >-->
     </div>
     <el-dialog
-      title="配置查询条件"
       :visible.sync="centerDialogVisible"
       width="1000px"
+      :show-close="false"
+      :close-on-click-modal="false"
       custom-class="cxtjDialog"
       center
     >
+      <template slot="title">
+        <div class="fs16"><i class="iconfont icontiaojie"></i>配置查询条件</div>
+      </template>
       <setting-dialog
         @emitDialog="emitDialog"
         @close="close"

src/views/jccx/dialog.vue

@@ -15,6 +15,7 @@
                 data-listidx="0"
                 ref="selected_ul"
                 filter=".undraggable"
+                v-if="ajxxList.data.length!=0"
               >
                 <li
                   v-for="element in ajxxList.data"
@@ -34,6 +35,9 @@
                   </div>
                 </li>
               </draggable>
+                <div v-else class="zwsjWrap">
+                    <img src="../../assets/img/zwsj.png"/><p>暂无数据</p>
+                </div>
             </div>
           </div>
           <div class="waiting">
@@ -47,6 +51,7 @@
                 element="ul"
                 data-listidx="0"
                 ref="selected_ul"
+                v-if="waitAjxx.length!=0"
               >
                 <li
                   class="list-group-item"
@@ -60,6 +65,9 @@
                   </div>
                 </li>
               </draggable>
+                <div v-else class="zwsjWrap">
+                    <img src="../../assets/img/zwsj.png"/><p>暂无数据</p>
+                </div>
             </div>
           </div>
         </div>
@@ -77,6 +85,7 @@
                 element="ul"
                 data-listidx="0"
                 ref="selected_ul"
+                v-if="xyrList.data.length!=0"
               >
                 <li
                   :class="'list-group-item group-item'+element.col"
@@ -90,6 +99,9 @@
                   </div>
                 </li>
               </draggable>
+                <div v-else class="zwsjWrap">
+                    <img src="../../assets/img/zwsj.png"/><p>暂无数据</p>
+                </div>
             </div>
           </div>
           <div class="waiting">
@@ -103,6 +115,7 @@
                 element="ul"
                 data-listidx="0"
                 ref="selected_ul"
+                v-if="waitXyrxx.length!=0"
               >
                 <li
                   class="list-group-item"
@@ -116,6 +129,9 @@
                   </div>
                 </li>
               </draggable>
+                <div v-else class="zwsjWrap">
+                    <img src="../../assets/img/zwsj.png"/><p>暂无数据</p>
+                </div>
             </div>
           </div>
         </div>
@@ -133,6 +149,7 @@
                 element="ul"
                 data-listidx="0"
                 ref="selected_ul"
+                v-if="shrList.data.length!=0"
               >
                 <li
                   :class="'list-group-item group-item'+element.col"
@@ -146,6 +163,9 @@
                   </div>
                 </li>
               </draggable>
+                <div v-else class="zwsjWrap">
+                    <img src="../../assets/img/zwsj.png"/><p>暂无数据</p>
+                </div>
             </div>
           </div>
           <div class="waiting">
@@ -159,6 +179,7 @@
                 element="ul"
                 data-listidx="0"
                 ref="selected_ul"
+                v-if="waitShrxx.length!=0"
               >
                 <li
                   class="list-group-item"
@@ -172,6 +193,9 @@
                   </div>
                 </li>
               </draggable>
+                <div v-else class="zwsjWrap">
+                    <img src="../../assets/img/zwsj.png"/><p>暂无数据</p>
+                </div>
             </div>
           </div>
         </div>
@@ -189,6 +213,7 @@
                 element="ul"
                 data-listidx="0"
                 ref="selected_ul"
+                v-if="flxxList.data.length!=0"
               >
                 <li
                   class="list-group-item"
@@ -202,6 +227,9 @@
                   </div>
                 </li>
               </draggable>
+                <div v-else class="zwsjWrap">
+                    <img src="../../assets/img/zwsj.png"/><p>暂无数据</p>
+                </div>
             </div>
           </div>
           <div class="waiting">
@@ -215,6 +243,7 @@
                 element="ul"
                 data-listidx="0"
                 ref="selected_ul"
+                v-if="waitFlxx.length!=0"
               >
                 <li
                   class="list-group-item"
@@ -228,22 +257,25 @@
                   </div>
                 </li>
               </draggable>
+              <div v-else class="zwsjWrap">
+                  <img src="../../assets/img/zwsj.png"/><p>暂无数据</p>
+              </div>
             </div>
           </div>
         </div>
       </el-tab-pane>
     </el-tabs>
-    <div class="ar" style="margin-top:20px;margin-right:34px;">
-      <el-button
-        type="primary"
-        size="small"
-        class="zdybtn search"
-        @click="enableconfig"
-        >启用配置</el-button
-      >
+    <div class="ar" style="margin-top:20px;">
       <el-button plain size="small" class="zdybtn delete" @click="close"
         >关闭</el-button
       >
+        <el-button
+                type="primary"
+                size="small"
+                class="zdybtn search"
+                @click="enableconfig"
+        >启用配置</el-button
+        >
     </div>
   </div>
 </template>
@@ -463,5 +495,6 @@ export default {
     height: 36px;
     width: 128px;
   }
+
 }
 </style>