style：适配自提点

src/pages/Activity/releaseProduc/components/spellOrderSet.vue

@@ -34,15 +34,15 @@
     >
       <el-card class="card-block">
         <p>自提点设置</p>
-        <el-form ref="form" label-width="80px">
+        <el-form ref="form">
           <el-form-item>
             <el-input
               class="set"
               v-model="selfLiftingPoint"
               placeholder="自提点名称/自提点联系人"
             ></el-input>
-            <el-button type="primary" @click="getPlaceList">搜索</el-button>
-            <el-button type="primary" @click="dialogFormVisible = true"
+            <el-button type="primary" size="small" @click="getPlaceList">搜索</el-button>
+            <el-button type="primary" size="small" @click="dialogFormVisible = true"
               >添加自提点</el-button
             >
           </el-form-item>
@@ -93,7 +93,7 @@
                 prop="name"
                 align="center"
                 label="操作"
-                width="width"
+                fixed="right"
               >
                 <template #default="scope">
                   <el-popconfirm
@@ -103,7 +103,7 @@
                     <template #reference>
                       <el-button
                         type="primary"
-                        size="small"
+                        size="mini"
                         @click="handleDelete(scope.row)"
                         >删除</el-button
                       >
@@ -134,9 +134,9 @@
       title="添加自提点"
       v-model="dialogFormVisible"
       :show-close="false"
+      :width="isPc?'50%': '70%'"
     >
       <el-form
-        style="margin-left: 70px"
         :model="form"
         :rules="rules"
         ref="ruleForm"
@@ -165,7 +165,7 @@
             placeholder=""
             :disabled="true"
           ></el-input>
-          <el-button type="primary" @click="mapDialogVisible = true"
+          <el-button type="primary" @click="mapDialogVisible = true" size="mini"
             >从高德获取坐标</el-button
           >
         </el-form-item>
@@ -290,7 +290,8 @@ export default {
         province: "",
         city: "",
         area: ""
-      } // 添加自提点 详细信息
+      }, // 添加自提点 详细信息
+      isPc: document.documentElement.clientWidth > 600,
     };
   },
   computed: {
@@ -566,17 +567,17 @@ export default {
 }
 .set {
   width: 50%;
-  margin-top: 40px;
-}
-.el-button {
-  margin-left: 30px;
+  margin: 40px 20px 0 0;
 }
+// .el-button {
+//   margin-left: 30px;
+// }
 .tabList {
   margin-top: 10px;
 }
-.dialog-input {
-  width: 50%;
-}
+// .dialog-input {
+//   width: 50%;
+// }
 .location {
   margin-bottom: 10px;
   margin-left: 14%;