页面修改

src/components/Share/shareFriend.vue

@@ -28,16 +28,16 @@
         </div>
         <br>
         <el-table :data="dataList" v-loading="loading" border style="width: 100%;margin:20px 0">
-          <el-table-column prop="Id" label="ID" width="60">
+          <el-table-column prop="Id" label="ID" width="50">
           </el-table-column>
-          <el-table-column label="分类名称" width="120">
+          <el-table-column label="分类名称" width="100">
             <template slot-scope="scope">
               <el-tag v-for="tag in scope.row.CateList" style="margin-bottom:3px;" size="small" :key="tag.Id">
                 {{tag.Name}}
               </el-tag>
             </template>
           </el-table-column>
-          <el-table-column label="发圈文案" width="300">
+          <el-table-column label="发圈文案" width="250">
             <template slot-scope="scope">
               <span v-html="scope.row.MaterialInfo"></span>
               <!-- <img @click="getMaterInfo(scope.row)" style="margin-left:3px;"
@@ -68,7 +68,7 @@
               </div>
             </template>
           </el-table-column>
-          <el-table-column prop="SortNum" label="排序" width="120">
+          <el-table-column prop="SortNum" label="排序" width="100">
             <template slot-scope="scope">
               <div v-if="sort_goods_id != scope.row.Id" flex="dir:left cross:center">
                 <span>{{scope.row.SortNum}}</span>
@@ -76,9 +76,11 @@
                   <img style="margin-left:3px;" src="../../assets/img/userman/edit1.png" alt="">
                 </el-button>
               </div>
-              <div style="display: flex;align-items: center" v-else>
+              <div style="align-items: center" v-else>
                 <el-input style="min-width: 50px" type="text" size="mini"
                   @keyup.native="checkInteger(scope.row,'SortNum')" v-model="scope.row.SortNum"></el-input>
+                <br />
+                <br />
                 <el-button class="change-quit" type="text" style="color: #F56C6C;padding: 0 5px" icon="el-icon-error"
                   circle @click="sort_goods_id=0"></el-button>
                 <el-button class="change-success" type="text" style="margin-left: 0;color: #67C23A;padding: 0 5px"
@@ -87,7 +89,7 @@
               </div>
             </template>
           </el-table-column>
-          <el-table-column prop="ShareCount" label="分享数量" width="120">
+          <el-table-column prop="ShareCount" label="分享数量" width="100">
             <template slot-scope="scope">
               <div v-if="count_goods_id != scope.row.Id" flex="dir:left cross:center">
                 <span>{{scope.row.ShareCount}}</span>
@@ -95,9 +97,11 @@
                   <img style="margin-left:3px;" src="../../assets/img/userman/edit1.png" alt="">
                 </el-button>
               </div>
-              <div style="display: flex;align-items: center" v-else>
+              <div style="align-items: center" v-else>
                 <el-input style="min-width: 50px" type="text" size="mini"
                   @keyup.native="checkInteger(scope.row,'ShareCount')" v-model="scope.row.ShareCount"></el-input>
+                <br />
+                <br />
                 <el-button class="change-quit" type="text" style="color: #F56C6C;padding: 0 5px" icon="el-icon-error"
                   circle @click="count_goods_id=0"></el-button>
                 <el-button class="change-success" type="text" style="margin-left: 0;color: #67C23A;padding: 0 5px"
@@ -281,7 +285,7 @@
         },
         //编辑行号
         sort_goods_id: 0,
-        count_goods_id:0,
+        count_goods_id: 0,
         //开始时间-结束时间
         dateStr: [],
         loading: false,