体感优化

src/views/store/storeProduct/index.vue

@@ -178,7 +178,22 @@
     />
 
     <!-- 添加或修改商品对话框 -->
-    <el-dialog :title="title" v-if="open" :visible.sync="open" width="1000px" append-to-body>
+    <el-dialog :title="title" v-if="open" :fullscreen="isFullscreen" :visible.sync="open" width="1000px" append-to-body :show-close="false">
+      <template v-slot:title>
+        <div style="display: flex; justify-content: space-between; align-items: center;">
+          <span>{{ title }}</span>
+          <div>
+            <!-- 全屏按钮 -->
+            <el-button type="text" @click="handleFullScreen" size="middle">
+              <i class="el-icon-full-screen"></i>
+            </el-button>
+            <!--关闭按钮-->
+            <el-button type="text" @click="open = false">
+              <i class="el-icon-close"></i>
+            </el-button>
+          </div>
+        </div>
+      </template>
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-row >
           <el-col :span="12">
@@ -244,7 +259,7 @@
             </el-form-item>
           </el-col>
            <!-- 多规格添加-->
-          <el-col :span="24" v-if="form.specType === 1" class="noForm">
+          <el-col :span="24" v-if="form.specType === 1" class="noForm" >
            <el-col :span="24">
               <el-form-item label="选择规格：" prop="">
                 <div  class="acea-row row-middle">
@@ -326,9 +341,9 @@
           </el-col>
 
           <!-- 单规格表格-->
-          <el-col :xl="23" :lg="24" :md="24" :sm="24" :xs="24" v-if="form.specType === 0">
+          <el-col :xl="23" :lg="24" :md="24" :sm="24" :xs="24" v-if="form.specType === 0" style="">
             <el-form-item >
-              <el-table :data="oneFormValidate"  size="small" style="width: 90%;">
+              <el-table :data="oneFormValidate"  size="small" border>
                 <el-table-column prop="image" label="图片" align="center">
                   <template slot-scope="scope">
                     <single-img v-model="scope.row.image" type="image" :num="1" :width="60" :height="60" />
@@ -647,6 +662,7 @@ export default {
       multiple: true,
       // 显示搜索条件
       showSearch: true,
+      isFullscreen: false,
       // 总条数
       total: 0,
       // 商品表格数据
@@ -655,6 +671,7 @@ export default {
       title: "",
       // 是否显示弹出层
       open: false,
+
       // 查询参数
       queryParams: {
         pageNum: 1,
@@ -737,6 +754,9 @@ export default {
     this.getList();
   },
   methods: {
+    handleFullScreen(){
+      this.isFullscreen = !this.isFullscreen;
+    },
     handleSuccess(response, file) {
       // 上传成功后的回调函数
       this.myloading.close();