单据要求Icon样式调整

src/components/IntellectIcon.vue

@@ -42,15 +42,15 @@
             <el-col :span="spanVal" v-for="(item, idx) in displayIconList" :key="idx" :offset="1">
                 <el-card :body-style="{ padding: '0px' }" style="height:100%">
                     <!-- <img :src="item.src" class="image"> -->
-                <div style="padding: 5px;">
-                    <span style="text-align:center;font-size:5px">{{item.name}}</span>
+                    <div class="image_icon" >
+                        <span style="font-size:10px">{{item.name}}</span>
                         <el-button type="text" class="button" icon="el-icon-delete" @click="DeleteIcon(item.id)"></el-button>
                     </div>
                 </el-card>
             </el-col>
-            <el-col :span="2" :offset="1">
-                <el-card :body-style="{ padding: '0px' }" style="height:100%">
-                    <div style="padding: 5px;">
+            <el-col :span="spanVal" :offset="1">
+                <el-card :body-style="{ padding: '0px', border:'1px dashed '}" style="height:100%">
+                    <div class="image_icon" >
                         <!-- <img :src="require('~/assets/add.png')" class="image" @click="AddIcon"> -->
                         <!-- <span style="text-align:center;font-size:5px">添加</span> -->
                         <el-button type="text" class="button" icon="el-icon-plus" @click="AddIcon"></el-button>
@@ -62,9 +62,9 @@
             <div style="height:200px">
                 <el-col :span="14">
                     <el-col :span="spanVal" v-for="(item, idx) in hideIconList" :key="idx" :offset="1">
-                        <el-card :body-style="{ padding: '0px' }" style="height:100%">
+                        <el-card :body-style="{ padding: '0px'}" style="height:100%">
                         <!-- <img :src="item.src" class="image"> -->
-                        <div style="padding: 5px;">
+                        <div class="image_icon" >
                             <span style="text-align:center;font-size:5px">{{item.name}}</span>
                             <el-button type="text" class="button" icon="el-icon-plus" @click="InsertIcon(item.id)"></el-button>
                         </div>
@@ -166,4 +166,15 @@ export default {
     justify-content: center;
     align-items: center;
 }
+.image {
+    width: 10%;
+    display: block;
+  }
+.image_icon {
+    padding: 5px;
+    height:40px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
 </style>
\ No newline at end of file

src/views/Business/Ditopn/Tk.vue

@@ -5,7 +5,7 @@
 	    <span  v-text="model.ditp.hwfwms"   data-path=".ditp.hwfwms" > </span>
 	</c-col>
     -->
-    <c-col :span="16">
+    <c-col :span="15">
         <c-col :span="24">
         <el-form-item label="货物描述" prop="didgrp.blk.lcrgod">
             <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}"  v-model="model.didgrp.blk.lcrgod" style="margin-right:20px;" maxlength="1430" show-word-limit placeholder="请输入Description of Goods" ></c-input>
@@ -32,6 +32,10 @@
     </c-col>          
 
     <c-col :span="7" :offset="1">
+        <c-col :offset="1">
+            <el-form-item label="单据模板智能识别：" class="messageLabel">
+            </el-form-item>
+        </c-col>
         <IntellectIcon :IconList="IconList" :spanVal="spanVal" v-on:deleteIcon="deleteIcon" v-on:insertIcon="insertIcon"></IntellectIcon>
     </c-col>
     <!-- <c-col :span="8">
@@ -116,7 +120,7 @@ export default {
             IconList:[
                 "invoice","receipt",
             ],
-            spanVal:6,
+            spanVal:7,
         }
     },
     methods:{
@@ -174,4 +178,9 @@ export default {
   .clearfix:after {
       clear: both
   }
+  .messageLabel >>> .el-form-item__label{
+    /* text-align: left; */
+    font-weight:bold;
+    font-size: 12px;
+}
 </style>