样式调整

index.html

@@ -18,6 +18,8 @@
   <link rel='stylesheet' href='/iconfont/common/iconfont.css'>
   <link rel='stylesheet' href='/css/loading.css'>
   <link rel='stylesheet' href='/css/saber.css'>
+  <!-- 导入需要的包 （一定要放到index.html中的head标签里） -->
+<script src="/js/Sortable.min.js"></script>
   <title>电镀智能化生产管理系统</title>
 </head>
 

src/page/index/sidebar/index.vue

@@ -574,7 +574,7 @@ export default {
 }
 
 .radio_four_menu{
-  width: 220px !important;
+  // width: 220px !important;
   margin: 0 auto !important;
   color: #fff !important;
 }

src/views/tankSolutionSystem/info.vue

@@ -5,31 +5,26 @@
             @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
             @refresh-change="refreshChange" @on-load="onLoad">
             <template #menu-left>
-            <el-button type="danger" icon="el-icon-delete"  @click="handleDelete"
-            >删 除
+                <el-button type="danger" icon="el-icon-delete" @click="handleDelete">删 除
                 </el-button>
-            <el-button
-              type="success"
-              icon="el-icon-upload"
-              @click="handleImport"
-              >导入
+                <el-button type="success" icon="el-icon-upload" @click="handleImport">导入
                 </el-button>
-            <el-button
-              type="primary"
-              icon="el-icon-setting"
-              @click="handleSetting"
-              >批量设置
+                <el-button type="primary" icon="el-icon-setting" @click="handleSetting">批量设置
                 </el-button>
             </template>
             <template #menu="{ row }">
                 <el-button type="primary" text plain style="border: 0; background-color: transparent !important"
                     size="medium" @click.stop="handleIssue(row)">
-                <el-icon><Pointer /></el-icon> 下发
+                    <el-icon>
+                        <Pointer />
+                    </el-icon> 下发
                 </el-button>
             </template>
             <template #targetLimit-form="{ type }">
-            <div style="width: 100%;display: flex;justify-content: space-between;" v-show="type == 'add' || type == 'edit'">
-                <el-input style="width: 47%;" placeholder="请输入"></el-input>~<el-input style="width: 47%;" placeholder="请输入"></el-input>
+                <div style="width: 100%;display: flex;justify-content: space-between;"
+                    v-show="type == 'add' || type == 'edit'">
+                    <el-input style="width: 47%;" placeholder="请输入"></el-input>~<el-input style="width: 47%;"
+                        placeholder="请输入"></el-input>
                 </div>
                 <div v-show="type == 'view'">5 ~ 10</div>
             </template>
@@ -66,12 +61,8 @@
         <el-dialog title="批量设置" append-to-body v-model="setBox" width="555px">
             <el-form v-model="settingForm" label-width="80px">
                 <el-form-item label="有效期">
-                <el-date-picker
-                    v-model="settingForm.reallyDate"
-                    type="date"
-                    style="width: 100%;"
-                    placeholder="请选择有效期"
-                />
+                    <el-date-picker v-model="settingForm.reallyDate" type="date" style="width: 100%;"
+                        placeholder="请选择有效期" />
                 </el-form-item>
                 <el-form-item label="主管工艺">
                     <el-select v-model="settingForm.chargeCraft"></el-select>
@@ -98,6 +89,9 @@ export default {
             settingForm: {},
             checkList: [1, 2, 3, 4, 5, 6, 7],
             option: {
+                // sortable:true,
+                rowSort: false,
+                columnSort: true,
                 tip: false,
                 size: 'medium',
                 simplePage: true,
@@ -681,6 +675,4 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
-
-</style>
+<style lang="scss" scoped></style>