tms项目前端
上一版本: b13074e9 | 补丁 | 提交 | 显示空白
Fixiaobai
2023-10-12 66506f2a1b836e955264f3efbfdcd3e27008b6a6 
	modified:   index.html
	modified:   src/components/view/carrierManagement.vue
	modified:   src/view/index.vue
已修改3个文件
121 ■■■■■ 文件已修改
index.html 2 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/view/carrierManagement.vue 90 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/view/index.vue 29 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 
 index.html


@@ -6,7 +6,7 @@


    <meta http-equiv="Expires" CONTENT="0">


    <meta http-equiv="Cache-Control" CONTENT="no-cache">


    <meta http-equiv="Pragma" CONTENT="no-cache">


    <title>鹓雏技术框架系统</title>


    <title>瑞翔新材TMS系统</title>


    <link rel="icon" type="image/x-icon" href="./static/img/logo.png">


  </head>


  <body>




 src/components/view/carrierManagement.vue


@@ -1,15 +1,97 @@


<template>


  <div>


    承运商管理


    <el-row style="width: 100%;display: flex; justify-content: space-around;margin-top: 10px;">


      <el-col><p style="margin-left: 20px;">承运商管理</p></el-col>


      <el-col style="display: flex; justify-content: end;">


        <el-button size="mini" icon="el-icon-plus" type="primary">新增</el-button>


        <el-button size="mini" icon="el-icon-edit-outline">修改</el-button>


        <el-button size="mini" icon="el-icon-delete">删除</el-button>


      </el-col>


    </el-row>


    <el-row style="width: 100%;height: 60px;background-color: white;display: flex;align-items: center;margin-top: 10px;">


      <el-form style="height: 60%;margin-left: 20px;" :inline="true" :model="formInline" class="demo-form-inline">


        <el-form-item label="供应商名称:">


          <el-input size="small" v-model="formInline.name" placeholder="请输入"></el-input>


        </el-form-item>


        <el-form-item>


          <el-button size="mini" @click="resetForm('ruleForm')">重置</el-button>


          <el-button size="mini" type="primary" @click="onSubmit">查询</el-button>


        </el-form-item>


      </el-form>


    </el-row>


    <el-row style="height: calc(100% - 125px);margin-top: 10px;background-color: white;">


        <el-col style="margin-top: 10px;width: 98%;margin-left: 10px;height: calc(100% - 64px);" >


            <el-table ref="inspectionTable"  height="100%" :cell-style="{textAlign: 'center'}"


                        :header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}"


                        :data="inspectionTable" style="width: 100%;">


                        <el-table-column type="selection" width="50">


                        </el-table-column>


                        <el-table-column prop="order_number" label="序号" min-width="50" />


                        <el-table-column prop="customer_name" label="供应商编码" min-width="100" />


                        <el-table-column prop="project_name" label="供应商名称" min-width="100" />


                        <el-table-column prop="quality_traceability" label="统一信用代码" min-width="110" />


                        <el-table-column prop="material_code" label="法人代表" min-width="100" />


                        <el-table-column prop="material" label="联系电话" min-width="85" />


                        <el-table-column prop="specifications_model" label="注册地址" min-width="110" />


                        <el-table-column prop="unit" label="联系人操作" min-width="80" />


                        <el-table-column prop="quantity" label="车辆操作" min-width="80" />


                        <el-table-column label="操作" min-width="80">


                            <template slot-scope="scope">


                                <el-button type="text" size="small" @click="goToDetail(scope.row)">查看</el-button>


                                <el-button type="text" size="small">打印</el-button>


                                <el-button v-if="scope.row.result == null" type="text" size="small"


                                    @click="goUp(scope.row)">编辑</el-button>


                            </template>


                        </el-table-column>


                    </el-table>


                </el-col>


                <!-- 分页器 -->


                <el-col class="pagination">


                    <el-pagination :current-page="pageParams.pageSize" :page-sizes="[10, 50, 100, 200]"


                        :page-size="pageParams.countSize" layout="total, sizes, prev, pager, next, jumper" :total="pageParams.total"


                        @size-change="handleSizeChange" @current-change="handleCurrentChange" />


                </el-col>


    </el-row>


  </div>


</template>




<script>


export default {


    data(){


      return{


        formInline:{


          name: null


        },


        pageParams:{


          pageSize: 0,


          countSize: 10,


          total: 10


        },


        inspectionTable: []


      }


    },


    methods:{


      resetForm(formName) {


        this.$refs[formName].resetFields();


    },


    onSubmit(){




    },


    handleSizeChange(val){




    },


    handleCurrentChange(val){


    


    }


  }


}


</script>




<style>




</style>


<style  scoped>


    .pagination {


    width: 98%;


        margin-top: 5px;


    display: flex;


    justify-content: end;


    }


</style>>




 src/view/index.vue


@@ -60,7 +60,7 @@


        align-items: center;


        flex-direction: column;


        padding: 20px 0;


        transition: .3s;


    transition: 0.3s;


        overflow-y: auto;


    }




@@ -122,7 +122,7 @@




    .right {


        height: calc(100vh - 58px);


        transition: .3s;


    transition: 0.3s;


    }




    .tag {


@@ -142,7 +142,7 @@


    }


    


    .tag .el-icon-delete:hover{


        color: #F56C6C;


    color: #f56c6c;


    }


    


    .tag:hover .el-icon-delete{


@@ -211,7 +211,7 @@


            <div class="logo">


                <img src="../../static/img/lg.png" />


            </div>


            <div class="label">瑞翔新材TMS系统</div>


            <div class="label" id="label">瑞翔新材TMS系统</div>


            <div class="user">


                <el-avatar :size="24">{{ userName.substring(0, 1) }}</el-avatar>


                <span>{{ userName }}</span>


@@ -232,7 +232,7 @@


                <div class="small_menu">


                    <p v-for="(b, bi) in a.c" :key="bi" :class="activeP == b.k ? 'active_p' : ''" @click="addTab(b)">


                        <i :class="b.i"></i>


                        <span>{{ b.v }}</span>


                        <span :id="menu+`${b.k}`" >{{ b.v }}</span>


                    </p>


                </div>


            </el-popover>


@@ -259,6 +259,7 @@


</template>




<script>


import { ref,onMounted } from 'vue'


    const requireComponent = require.context("../components/view", false, /\.vue/);


    var comObj = {};


    requireComponent.keys().forEach(fileName => {


@@ -288,7 +289,7 @@


                        }]


                    },


                    {


                        k: 2,


                k: 24,


                        v: "承运商管理",


                        i: "font icon-kuguanfahuo",


                        c: [{


@@ -304,7 +305,7 @@


                        }]


                    },


                    {


                        k: 1,


                k: 25,


                        v: "运输管理",


                        i: "font icon-yunyingguanli_tieziguanli",


                        c: [{


@@ -383,7 +384,7 @@


                        ]


                    },


                    {


                        k: 3,


                k: 26,


                        v: "承运商考核",


                        i: "font icon-wodekaohe",


                        c: [{


@@ -401,7 +402,7 @@


                        ]


                    },


                    {


                        k: 4,


                k: 27,


                        v: "系统配置",


                        i: "el-icon-s-tools",


                        c: [{


@@ -440,6 +441,7 @@


                activeBox: 0,


                activeP: 0,


                tabActive: 0,


            menuIsClick: false,


                tabs: [{


                    k: 0,


                    v: "首页",


@@ -453,8 +455,17 @@


        mounted() {


            // this.userName = JSON.parse(localStorage.getItem("user")).name;


        },


    watch:{


        menuIsClick(){


            $("#label").click()


        }


    },


        methods: {


        menuClick() {


            this.menuIsClick=!this.menuIsClick


    },


            addTab(ob) {


        this.menuClick()


                if (ob.k == 0) this.activeBox = 0;


                this.activeP = ob.k; //0


                this.tabActive = ob.k; //0