优化工序库的出入库记录页面布局

Signed-off-by: AiNoeLiYa <jzbcxy@gmail.com>

src/components/Table/AllTableArguments/BaseTableArguments.js

@@ -107,8 +107,6 @@ export function BaseTableArgumentsTest(nIndex, selection, loading, processList,
   if (queryParams instanceof queryParamsType) {
     this.queryParams = queryParamsType
   }
-
-  this.nIndex = nIndex
   this.columnData = columnData
   this.processList = processList
 }

src/components/Table/BaseTable/index.vue

@@ -12,7 +12,7 @@
           @selection-change="handleSelectionChange"
         >
 
-          <el-table-column type="index" label="序号" width="50" :index="allTableArguments.nIndex" />
+          <el-table-column type="index" label="序号" width="50" :index="nIndex" />
 
           <!-- TODO: 选择框是否开启，selectable控制是否单行禁用 -->
           <el-table-column v-if="allTableArguments.columObj.selection" type="selection" :selectable="allTableArguments.columObj.selectable" width="50px" />
@@ -30,7 +30,7 @@
             :index="columIndex"
             show-overflow-tooltip
           >
-            <template v-slot="{row,$index}">
+            <template slot-scope="{row,$index}">
 
               <!-- 默认展示 -->
               <span v-if="column.text && column.editRow !== $index">{{ row[column.prop] || '-' }}</span>
@@ -60,9 +60,9 @@
               <!-- 操作按钮 -->
               <span v-if="column.isOperation" class="processListBtns">
                 <span v-for="(operations, index) in column.operation" :key="index">
-                  <el-button v-if=" operations.clickType === '1' " :icon="operations.icon" :type="typeParent" :style="{color:operations.color}" :size="size" @click="handleDetail">{{ operations.label }}</el-button>
-                  <el-button v-else-if=" operations.clickType === '2' " :icon="operations.icon" :type="typeParent" :style="{color:operations.color}" :size="size" @click="handleUpdate">{{ operations.label }}</el-button>
-                  <el-button v-else-if=" operations.clickType === '3' " :icon="operations.icon" :type="typeParent" :style="{color:operations.color}" :size="size" @click="handleDelete">{{ operations.label }}</el-button>
+                  <el-button v-if=" operations.clickType === '1' " :icon="operations.icon" :type="typeParent" :style="{color:operations.color}" :size="size" @click="handleDetail(row,$index)">{{ operations.label }}</el-button>
+                  <el-button v-else-if=" operations.clickType === '2' " :icon="operations.icon" :type="typeParent" :style="{color:operations.color}" :size="size" @click="handleUpdate(row,$index)">{{ operations.label }}</el-button>
+                  <el-button v-else-if=" operations.clickType === '3' " :icon="operations.icon" :type="typeParent" :style="{color:operations.color}" :size="size" @click="handleDelete(row,$index)">{{ operations.label }}</el-button>
                 </span>
               </span>
             </template>
@@ -76,7 +76,7 @@
 
 <script>
 
-import {BaseTableArgumentsTest} from '@/components/Table/AllTableArguments/BaseTableArguments'
+import { BaseTableArgumentsTest } from '@/components/Table/AllTableArguments/BaseTableArguments'
 
 export default {
   name: 'BaseTable',
@@ -93,16 +93,10 @@ export default {
         }
       }
     },
-    allNamed: {
-      type: Object,
+    nIndex: {
+      type: Function,
       default: () => {
-        return {
-          listName: String,
-          label: {
-            SerialNumberNamed: String
-          }
-
-        }
+        return Function
       }
     }
   },
@@ -131,7 +125,6 @@ export default {
 /* TODO: 这里是控制内容列表的样式 */
 .processListBtns {
   .el-button {
-    margin: 0 12px;
   }
 }
 

src/views/processManagement/basicProcessManagement/index.vue

@@ -698,6 +698,7 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+/* TODO: 专门用来解决input 的边框问题 */
 .aboutSingleDetails{
   .el-form-item{
     .el-input >>> .el-input__inner {