1

dengjunjie

8 天以前 a770206c91e495b802b3e9371e06834586ad7715

 н¨Îļþ¼Ð/WMS/src/views/outbound/Incoming.vue

@@ -1,62 +1,160 @@
<template>  
<div class="container">
  <el-radio-group v-model="radio"  size="large" style="margin-top:20px;color: white;">
    <!-- <el-radio :value="3">先入先出 </el-radio> -->
    <el-radio :value="6">先进后出</el-radio>
    <el-radio :value="9">零期先出 </el-radio>
    <el-radio :value="12">整件先出 </el-radio>
  </el-radio-group>
</div>
<div class="button" style="text-align: right; margin-top: 50px; margin-right: 300px;">
    <el-button type="primary" size="large" @click="handleConfirm">确定</el-button>
</div>

<!--
*Author：jxx
 *Contact：283591387@qq.com
 *代码由框架生成,任何更改都可能导致被代码生成器覆盖
 *业务请在@/extension/basic/tactics.js此处编写
 -->
<template>
    <view-grid ref="grid"
               :columns="columns"
               :detail="detail"
               :editFormFields="editFormFields"
               :editFormOptions="editFormOptions"
               :searchFormFields="searchFormFields"
               :searchFormOptions="searchFormOptions"
               :table="table"
               :extend="extend">
    </view-grid>
</template>
<script>
    import extend from "@/extension/basic/tactics.js";
    import { ref, defineComponent } from "vue";
    export default defineComponent({
        setup() {
            const table = ref({
                key: 'id',
                footer: "Foots",
                cnName: '出入库策略',
                name: 'Tactics',
                url: "/Tactics/",
                sortName: "id"
            });
            
            const editFormFields = ref({
                tacticeName: "",
                selectTactice: ""
            });


<script setup>
import { ref } from 'vue'
import { ElMessage } from 'element-plus'
const radio = ref(4)
const handleConfirm = () => {
  ElMessage.success('切换成功')
}
</script>

<style scoped>
/* å¤–层容器：全屏居中 */
.container {
    margin-top: 100px;
  display: flex;
  flex-direction: column;  /* åž‚直排列 */
  justify-content: center; /* åž‚直居中 */
  align-items: center;     /* æ°´å¹³å±…中 */
  /* background-color: #50a375; */
  font-size: 24px;         /* æ•´ä½“放大 */
}

/* æ ‡é¢˜æ ·å¼ */
.title {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 40px; /* å’ŒæŒ‰é’®ç»„保持间距 */
}



/* æŒ‰é’®ç»„内部：让每个选项纵向排列 */
.el-radio-group {
  display: flex;
  flex-direction: column; /* åž‚直排列 */
  gap: 20px;              /* æ¯ä¸ªå•é€‰æŒ‰é’®çš„间距 */
}

::v-deep(.el-radio) {
  transform: scale(1.5);   /* æ•´ä½“放大 */
  margin: 10px 0;          /* æ¯ä¸ªå•é€‰ä¹‹é—´åŠ é—´è· */
}

::v-deep(.el-radio__label) {
  font-size: 30px;         /* æ”¾å¤§æ–‡å­— */
}
</style>
            const editFormOptions = ref([
                [
                    {
                        title: "策略名称",
                        field: "tacticeName",
                        type: "string",
                        required: true,
                        width: 150
                    },
                    {
                        title: "选择策略",
                        field: "selectTactice",
                        type: "select",
                        dataKey: "TacticsEnum",
                        data: [],
                        required: true,
                        width: 120
                    }
                ]
            ]);
            
            const searchFormFields = ref({
                tacticeName: "",
                selectTactice: ""
            });
            
            const searchFormOptions = ref([
                [
                    { title: "策略名称", field: "TacticeName", type: "like" },
                    {
                        title: "策略类型",
                        field: "selectTactice",
                        type: "select",
                        dataKey: "TacticsEnum",
                        data: [],
                    }
                ]
            ]);
            
            const columns = ref([
                {
                    field: 'id',
                    title: '主键',
                    type: 'int',
                    width: 90,
                    hidden: true,
                    readonly: true,
                    require: true,
                    align: 'left'
                },
                {
                    field: 'tacticeName',
                    title: '策略名称',
                    type: 'string',
                    width: 150,
                    require: true,
                    align: 'left',
                    sort: true
                },
              
                   {
                    field: 'selectTactice',
                    title: '选择策略',
                    type: 'string',
                    width: 120,
                    require: true,
                    align: 'left',
                    bind: { key: "TacticsEnum", data: [] }
                },
                
                {
                    field: 'creater',
                    title: '创建人',
                    type: 'string',
                    width: 90,
                    align: 'left'
                },
                {
                    field: 'createDate',
                    title: '创建时间',
                    type: 'datetime',
                    width: 160,
                    align: 'left',
                    sort: true
                },
                {
                    field: 'modifier',
                    title: '修改人',
                    type: 'string',
                    width: 100,
                    align: 'left'
                },
                {
                    field: 'modifyDate',
                    title: '修改时间',
                    type: 'datetime',
                    width: 160,
                    align: 'left',
                    sort: true
                }
            ]);
            
            const detail = ref({
                cnName: "#detailCnName",
                table: "#detailTable",
                columns: [],
                sortName: "",
                key: ""
            });
            
            return {
                table,
                extend,
                editFormFields,
                editFormOptions,
                searchFormFields,
                searchFormOptions,
                columns,
                detail,
            };
        },
    });
</script>