hailin
2023-08-01 2479b946b95e57bdd959c9d43b97921fc84be37b
标准库jack的第一次提交
已修改7个文件
已添加1个文件
466 ■■■■ 文件已修改
README.md 42 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/App.vue 49 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/api/controller.js 10 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/view/standard-table/technology.vue 66 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/view/standard.vue 6 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/view/technical.vue 265 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/main.js 26 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/view/index.vue 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
README.md
@@ -1,44 +1,3 @@
<<<<<<< HEAD
# å‰ç«¯ä¸­å¤©æµ·æ´‹
#### ä»‹ç»
{**以下是 Gitee å¹³å°è¯´æ˜Žï¼Œæ‚¨å¯ä»¥æ›¿æ¢æ­¤ç®€ä»‹**
Gitee æ˜¯ OSCHINA æŽ¨å‡ºçš„基于 Git çš„代码托管平台(同时支持 SVN)。专为开发者提供稳定、高效、安全的云端软件开发协作平台
无论是个人、团队、或是企业,都能够用 Gitee å®žçŽ°ä»£ç æ‰˜ç®¡ã€é¡¹ç›®ç®¡ç†ã€åä½œå¼€å‘ã€‚ä¼ä¸šé¡¹ç›®è¯·çœ‹ [https://gitee.com/enterprises](https://gitee.com/enterprises)}
#### è½¯ä»¶æž¶æž„
软件架构说明
#### å®‰è£…教程
1.  xxxx
2.  xxxx
3.  xxxx
#### ä½¿ç”¨è¯´æ˜Ž
1.  xxxx
2.  xxxx
3.  xxxx
#### å‚与贡献
1.  Fork æœ¬ä»“库
2.  æ–°å»º Feat_xxx åˆ†æ”¯
3.  æäº¤ä»£ç 
4.  æ–°å»º Pull Request
#### ç‰¹æŠ€
1.  ä½¿ç”¨ Readme\_XXX.md æ¥æ”¯æŒä¸åŒçš„语言,例如 Readme\_en.md, Readme\_zh.md
2.  Gitee å®˜æ–¹åšå®¢ [blog.gitee.com](https://blog.gitee.com)
3.  ä½ å¯ä»¥ [https://gitee.com/explore](https://gitee.com/explore) è¿™ä¸ªåœ°å€æ¥äº†è§£ Gitee ä¸Šçš„优秀开源项目
4.  [GVP](https://gitee.com/gvp) å…¨ç§°æ˜¯ Gitee æœ€æœ‰ä»·å€¼å¼€æºé¡¹ç›®ï¼Œæ˜¯ç»¼åˆè¯„定出的优秀开源项目
5.  Gitee å®˜æ–¹æä¾›çš„使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee å°é¢äººç‰©æ˜¯ä¸€æ¡£ç”¨æ¥å±•示 Gitee ä¼šå‘˜é£Žé‡‡çš„æ ç›® [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
=======
# vue_model
> A Vue.js project
@@ -60,4 +19,3 @@
```
For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
>>>>>>> c1c41a4 (首次提交)
src/App.vue
@@ -115,4 +115,53 @@
  .el-popper .popper__arrow{
    display: none ;
  }
  /**修改全局的滚动条*/
/**滚动条的宽度*/
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-thumb {
    background-color: #bdbfc4;
    border-radius: 3px;
}
/* å…¨å±€è¡¨æ ¼æ ·å¼ */
  .el-table th.el-table__cell ,
  .has-gutter .el-table__cell {
    background-color: #F0F1F5 !important;
    color: #333;
  }
  .has-gutter .el-table__cell .cell {
    font-size: 16px;
    font-weight: 500;
  }
   .cell {
    color:rgb(51, 51, 51);
    padding-left: 17px !important;
    font-size: 14px;
  }
  .cell span{
    font-size: 14px;
    font-weight: 400;
  }
  .el-table th.el-table__cell>.cell{
    font-size: 16px;
    font-weight: 400;
    color:rgb(51, 51, 51);
  }
/* å…¨å±€åˆ†é¡µå™¨æ ·å¼ */
  .el-pager .number {
    font-size: 14px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    margin: 0 2px;
    color: #999;
    font-weight: 500;
  }
  .el-pager .number.active {
    background-color: #004EA2;
    color: #fff;
    border: 0;
  }
</style>
src/assets/api/controller.js
@@ -1,8 +1,16 @@
// æŠ€æœ¯ç®¡ç†-标准Bom
const standard = {
  selectTreeByMaterial: "material/selectTreeByMaterial", //查询物料的树
}
const url = {
  "enter": "user/enter", //登录
  "selectTreeByMaterial": "material/selectTreeByMaterial" //查询物料的树
  ...standard
}
export default function(Vue) {
  //添加全局API
  Vue.prototype.$api = {
src/components/view/standard-table/technology.vue
@@ -37,17 +37,23 @@
  .standard .el-table__body {
    height: 100%;
  }
  .standard .el-table .el-table__row:not([class*="el-table__row--level-"]) td:nth-child(3){
    padding-left: 23px !important;
   }
</style>
<template>
  <div class="standard">
    <el-table :data="tableData" border style="width: 100%" @selection-change="handleSelectionChange" row-key="id" border
    <el-table :data="tableData" border style="width: 100%" @selection-change="handleSelectionChange" row-key="id"
      default-expand-all :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
      <el-table-column type="selection" width="50">
      </el-table-column>
      <el-table-column type="index" label="序号" width="75">
      <el-table-column type="index" label="序号" width="78">
      </el-table-column>
      <el-table-column prop="date" label="项目" width="350">
        <template slot-scope="scope">
          <span> <el-tag size="mini" :type="scope.row.children? '':'success'" :style="{borderRadius: '40%',marginRight: '12px'}">{{ scope.row.children? '01':'02' }}</el-tag> {{scope.row.date}}</span>
        </template>
      </el-table-column>
      <el-table-column prop="name" label="单位" width="180">
      </el-table-column>
@@ -94,7 +100,61 @@
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 å¼„'
        }],
        },{
          id: 5,
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 å¼„'
        },
        {
          id: 6,
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 å¼„'
        },
        {
          id: 7,
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 å¼„'
        },
        {
          id: 8,
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 å¼„'
        },
        {
          id: 9,
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 å¼„'
        },
        {
          id: 10,
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 å¼„'
        },
        {
          id: 11,
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 å¼„'
        },
        {
          id: 12,
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 å¼„'
        }
        ,{
          id: 13,
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 å¼„'
        }
        ],
        tableData1: [{
          id: 1,
          date: '2016-05-02',
src/components/view/standard.vue
@@ -210,7 +210,13 @@
              if (a.type == b.id) b.children = [a]
            })
          })
          this.$nextTick().then(() => {
          const firstNode = document.querySelector('.el-tree-node .el-tree-node__children .el-tree-node .el-tree-node__children .el-tree-node .el-tree-node__children .el-tree-node')
          firstNode.click()
          // console.log(firstNode)
          })
        })
      }
    }
  }
src/components/view/technical.vue
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,265 @@
<style scoped>
  .technical{
    height: 100%;
    width: 100%;
  }
  .technical .title .el-button {
    height: 32px;
    border: 1px solid rgba(190, 190, 190, 0.44);
    box-shadow: 0px 2px 4px rgba(220, 220, 220, 0.41);
    padding: 0 12px;
  }
  .technical .title {
    margin-bottom: 10px;
    padding: 0 20px;
  }
/* æœç´¢å¤´éƒ¨æ ·å¼ */
.search-header{
  background: #fff;
  padding: 24px 32px;
}
.search-header .el-form-item{
  margin: 0px;
  font-size: 14px;
}
.search-header .el-form-item:nth-child(1){
  margin-right: 48px;
}
.search-header .el-form-item:nth-child(2){
  margin-right: 24px;
}
/* é‡ç½®å’ŒæŸ¥è¯¢ä¸¤ä¸ªæŒ‰é’®æ ·å¼ */
.search-header .el-form-item .el-button{
width: 65px;
height: 32px;
box-sizing: border-box;
background: rgb(255, 255, 255);
border: 1px solid rgb(217, 217, 217);
border-radius:2px;
padding: 0;
font-size: 14px;
}
.search-header .el-form-item .el-button:nth-child(2){
/* Rectangle 77 */
background: rgb(0, 78, 162);
color: #fff;
}
/* è¾“入框的样式 */
>>> .search-header .el-form-item .el-input .el-input__inner{
width: 224px;
height: 32px ;
box-sizing: border-box;
background: rgb(255, 255, 255);
border: 1px solid rgb(217, 217, 217);
border-radius:2px;
}
/* æŠ€æœ¯æ–‡ä»¶è¡¨æ ¼æ ·å¼ */
.technical-table{
  margin-top: 11px;
  height: calc(100% - 140px);
  background: #fff;
  padding: 23px 21px ;
  font-size: 14px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
/* .technical-table .el-table{
  overflow-y:scroll;
} */
.technical-table .table-box {
  flex: 1;
  overflow-y: scroll;
}
.technical-table .el-pagination{
  margin-top: 23px;
  display: flex;
  justify-content: end;
}
</style>
<template>
  <div class="technical">
    <div class="title">
      <el-row>
        <el-col :span="12">技术文件</el-col>
        <el-col :span="12" style="text-align: right;">
          <el-button  icon="el-icon-plus">生成项目书</el-button>
        </el-col>
      </el-row>
    </div>
    <div class="search-header">
      <el-form v-model="searchData" :inline="true">
        <el-form-item label="订单号:">
          <el-input v-model="searchData.number"></el-input>
        </el-form-item>
        <el-form-item label="下单日期:">
          <el-date-picker
            v-model="searchData.date"
            type="date"
            placeholder="选择日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item>
                <el-button  plain @click="resetBtn">重 ç½®</el-button>
                <el-button  @click="filteredTableData">查 è¯¢</el-button>
        </el-form-item>
      </el-form>
    </div>
    <div class="technical-table">
      <div class="table-box">
        <el-table
          border style="width: 100%"
          :data="technicalTable"
          >
          <el-table-column
          type="selection"
          width="78">
        </el-table-column>
          <el-table-column
            prop="date"
            label="订单号"
            width="124">
          </el-table-column>
          <el-table-column
            prop="name"
            label="工程名称"
            width="160">
          </el-table-column>
          <el-table-column
            prop="address"
            label="产品编码"
            width="168"
            >
          </el-table-column>
          <el-table-column
            prop="name"
            label="产品大类"
            width="128">
          </el-table-column>
          <el-table-column
            prop="address"
            label="规格型号"
            width="170">
          </el-table-column>
          <el-table-column
            prop="name"
            label="单位"
            width="100">
          </el-table-column>
          <el-table-column
            prop="address"
            label="数量"
            width="118"
            >
          </el-table-column>
          <el-table-column
            prop="name"
            label="下单人"
            width="114">
          </el-table-column>
          <el-table-column
            prop="address"
            label="下单日期"
            width="153"
            >
          </el-table-column>
          <el-table-column
            prop="address"
            label="交货日期"
            width="137">
          </el-table-column>
          <el-table-column
            prop="address"
            label="状态"
            width="85"
            >
          </el-table-column>
          <el-table-column
              fixed="right"
              label="操作"
              width="194">
              <template>
                <el-button type="text" size="small">查看详情</el-button>
                <el-button type="text" size="small">编辑附件</el-button>
              </template>
            </el-table-column>
      </el-table>
      </div>
    <el-pagination
      :current-page="1"
      :page-sizes="[100, 200, 300, 400]"
      :page-size="100"
      layout="total, sizes, prev, pager, next, jumper"
      :total="400">
    </el-pagination>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
       searchData:{
        number:'',
        date:''
       },
       technicalTable: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市'
          }
          ]
    }
  },
}
</script>
src/main.js
@@ -20,7 +20,7 @@
Vue.use(qs);
Vue.use(api);
const javaApi = 'http://localhost:8001/'
const javaApi = 'http://192.168.110.167:8001/'
axios.defaults.baseURL = javaApi
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'
@@ -89,18 +89,18 @@
})
// è·¯ç”±æ‹¦æˆªå™¨
router.beforeEach((to, from, next) => {
  // è·¯å¾„为product时验证是否登录,没有跳转至登录页面
  if (to.path.indexOf('/') > -1 && to.path.indexOf('/enter') != 0) {
    if (sessionStorage.getItem('token') == null || sessionStorage.getItem('token') == '' || sessionStorage.getItem(
        'token') == undefined) {
      next({
        path: '/enter'
      })
    }
  }
  next()
});
// router.beforeEach((to, from, next) => {
//   // è·¯å¾„为product时验证是否登录,没有跳转至登录页面
//   if (to.path.indexOf('/') > -1 && to.path.indexOf('/enter') != 0) {
//     if (sessionStorage.getItem('token') == null || sessionStorage.getItem('token') == '' || sessionStorage.getItem(
//         'token') == undefined) {
//       next({
//         path: '/enter'
//       })
//     }
//   }
//   next()
// });
new Vue({
  el: '#app',
src/view/index.vue
@@ -282,7 +282,7 @@
            k: 2,
            v: "技术文件",
            i: "font icon-shouye",
            u: ""
            u: "technical"
          }]
        }, {
          k: 2,