java_project
/
hy-vue
4
0
Fork 0
Code Issues Pull Requests Activity
Browse Source

首页+流程

dev
kilo 2 years ago
parent
7a4dc7a32a
commit
e5217f6d67
4 changed files with 155 additions and 80 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 165
      src/views/dashboard/HomePage.vue
  2. 2
      src/views/wastematerials/ProcessWasteMaterialsList.vue
  3. 29
      src/views/wastematerials/ProcessWasteMaterialsLists.vue
  4. 39
      src/views/wastematerials/modules/ProcessWasteMaterialsForm.vue

165
src/views/dashboard/HomePage.vue
Unescape View File

@ -1,17 +1,12 @@
<template>
<div style="height: 760px;">
<div style="height: 740px;">
<div style="height: 100%;">
<div style="display: flex;align-items: center;justify-content: stretch;width: 100%;height: 50%">
<!--待办任务-->
<div class="top-div" style="width: 33%;">
<a-card class="div-card">
<span class="font" style="display: inline-block;height: 10%;">
<i class="el-icon-s-claim" style="font-size: 25px;"></i>待办
<i class="iconfont icon-shenglvehao"></i>
</span>
<div class="top-div ant-col-md-8">
<a-card class="div-card" title="待办" >
<div style="width: 100%;height: 100%;" v-show="showDate.noDate">
暂无待办
</div>
@ -20,17 +15,13 @@
<!--用于存放从数据库中查出来的信息并对其进行循环-->
<li v-for="(task,index) in tasks " style="width: 100%;">
<!--类型-->
<span class="mouse" color="#539ee6" style="font-weight: normal; background-color: #539ee6;
color: white;border-radius: 4px;width: 20%;text-align: center;display: block;height: 25px;line-height: 25px;">
{{task.type}}
</span>
<span style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 40%;padding-left: 35px;
display: block;height: 25px;line-height: 25px;">
{{task.message}}
</span>
<span style="display: block;height: 25px;line-height: 25px;">
{{task.time}}
</span>
<a-button class="ant-col-md-4" type="primary" style="width: 80px;height: 25px;">{{task.type}}</a-button>
<span class="ant-col-md-8" :title='task.message' style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left: 50px;line-height: 25px;">
{{task.message}}
</span>
<span class="ant-col-md-8" :title='task.time' style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left: 60px;line-height: 25px;">
{{task.time}}
</span>
</li>
</ul>
@ -38,50 +29,86 @@
</div>
<!--站内消息-->
<div class="top-div" style="margin: 0 0 0 0.5%;width: 45%;" >
<div class="top-div ant-col-md-8" >
<a-card class="div-card" title="站内消息">
</a-card>
</div>
<!--登录日志-->
<div class="top-div" style="margin: 0 0 0 0.5%;width: 45%;">
<a-card class="div-card">
<span class="font" style="display: inline-block;height: 10%;"><i class="el-icon-s-order" style="font-size: 30px;"></i>登录日志
<i class="iconfont icon-shenglvehao"></i>
</span>
<div class="top-div ant-col-md-8">
<a-card class="div-card" title="登录日志">
<ul class="ul-li" style="list-style-type:none;padding-left: 0px;">
<!--这里可以用for循环-->
<!--当一个用户登录后增加一条数据-->
<li v-for="(loginlog,index) in loginlogs" style="width: 100%;">
<!--类型-->
<span class="mouse" color="#539ee6" style="font-weight: normal; background-color: #539ee6;
color: white;border-radius: 4px;width: 17%;text-align: center;display: block;height: 25px;line-height: 25px;">
{{loginlog.department}}
</span>
<span style="width: 40%;padding-left: 45px;margin-left: 35px;
display: block;height: 25px;line-height: 25px;">
<a-button class="ant-col-md-4" type="primary" style="width: 80px;height: 25px;">{{loginlog.department}}</a-button>
<span class="ant-col-md-8" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left: 90px;line-height: 25px;">
{{loginlog.loginName}}
</span>
<span style="display: block;height: 25px;line-height: 25px;">
<span class="ant-col-md-8" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left: 20px;line-height: 25px;">
{{loginlog.loginTime}}
</span>
</li>
</ul>
</ul>
</a-card>
</div>
</div>
<div style="width: 100%;height: 70%;margin-top: 0.5%">
<a-card style="width: 100%;height: 90%;border-radius: 10px;">
<span class="font" style="display: inline-block;height: 10%;">
<i class="el-icon-s-grid" style="font-size: 30px;color: #5cb6ff;cursor: pointer"></i>
<p style="display: inline-block;margin-left: 10px">全部应用</p>
</span>
<div class="bottom-div" style="width: 100%;height: 70%;margin-top: 0.5%">
<a-card style="width: 100%;height: 90%;border-radius: 10px;" title="全部应用">
<ul class="apply-use" style="list-style-type: none;padding: 0px">
<li>
<i class="iconfont icon-lianxiren1-copy" style="font-size: 35px;"></i>
<span class="text-style">流程管理</span>
<li @click='processManage' class="ant-col-md-4">
<i class="iconfont icon-lianxiren1-copy" style="font-size: 35px;"></i> &nbsp;&nbsp;&nbsp;流程管理
</li>
<li @click='processManage' class="ant-col-md-4">
<i class="iconfont icon-lianxiren1-copy" style="font-size: 35px;"></i> &nbsp;&nbsp;&nbsp;流程管理
</li>
<li @click='processManage' class="ant-col-md-4">
<i class="iconfont icon-lianxiren1-copy" style="font-size: 35px;"></i> &nbsp;&nbsp;&nbsp;流程管理
</li>
<li @click='processManage' class="ant-col-md-4">
<i class="iconfont icon-lianxiren1-copy" style="font-size: 35px;"></i> &nbsp;&nbsp;&nbsp;流程管理
</li>
<li @click='processManage' class="ant-col-md-4">
<i class="iconfont icon-lianxiren1-copy" style="font-size: 35px;"></i> &nbsp;&nbsp;&nbsp;流程管理
</li>
<li @click='processManage' class="ant-col-md-4">
<i class="iconfont icon-lianxiren1-copy" style="font-size: 35px;"></i> &nbsp;&nbsp;&nbsp;流程管理
</li>
<li @click='processManage' class="ant-col-md-4">
<i class="iconfont icon-lianxiren1-copy" style="font-size: 35px;"></i> &nbsp;&nbsp;&nbsp;流程管理
</li>
<li @click='processManage' class="ant-col-md-4">
<i class="iconfont icon-lianxiren1-copy" style="font-size: 35px;"></i> &nbsp;&nbsp;&nbsp;流程管理
</li>
<li @click='processManage' class="ant-col-md-4">
<i class="iconfont icon-lianxiren1-copy" style="font-size: 35px;"></i> &nbsp;&nbsp;&nbsp;流程管理
</li>
<li @click='processManage' class="ant-col-md-4">
<i class="iconfont icon-lianxiren1-copy" style="font-size: 35px;"></i> &nbsp;&nbsp;&nbsp;流程管理
</li>
<!-- <li @click='materialManage' style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">-->
<!-- <i class="iconfont icon-lianxiren1-copy" style="font-size: 35px;margin-right: 6%;"></i>物资管理-->
<!-- </li>-->
<!-- <li @click='statisticalAnalysis' style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">-->
<!-- <i class="iconfont icon-lianxiren1-copy" style="font-size: 35px;margin-right: 6%;"></i>统计分析-->
<!-- </li>-->
<!-- <li @click='dictionaryLibrary' style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">-->
<!-- <i class="iconfont icon-lianxiren1-copy" style="font-size: 35px;margin-right: 6%;"></i>标准字典库-->
<!-- </li>-->
<!-- <li @click='isystemManage' style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">-->
<!-- <i class="iconfont icon-lianxiren1-copy" style="font-size: 35px;margin-right: 6%;"></i>系统管理-->
<!-- </li>-->
<!-- <li @click='statisticalTreatment' style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">-->
<!-- <i class="iconfont icon-lianxiren1-copy" style="font-size: 35px;margin-right: 6%;"></i>统计报表-->
<!-- </li>-->
</ul>
</a-card>
</div>
@ -132,18 +159,43 @@ export default {
methods: {
// 跳转地址
processManage(){
this.$router.push('/activiti/applyHome')
},
materialManage(){
this.$router.push('/modules/suppliesstronger')
},
statisticalAnalysis(){
this.$router.push('/statistic_analysis/costStatistic')
},
dictionaryLibrary(){
this.$router.push('/dictionaries/data')
},
isystemManage(){
this.$router.push('/isystem/user')
},
statisticalTreatment(){
this.$router.push('/report/ArchivesStatisticst')
},
// 对待办任务进行查询查看是否有待办数据
searchDoneData(){
// 待添加
},
// 判断是否有待办任务数据
toBeDoneData(){
this.tasks[0] =
{
this.tasks = [
{
type: "流程审批",
message: "关于帐外物资的xxxx的审批流程",
time: "2002.20.20 10:10:20"
}
},
{
type: "流程审批",
message: "关于帐外物资的xxxx的审批流程",
time: "2002.20.20 10:10:20"
}
]
if (this.tasks != null){
this.showDate.noDate = false;
this.showDate.showDate = true;
@ -157,6 +209,7 @@ export default {
<style scoped>
@import url("http://at.alicdn.com/t/c/font_3733417_ws9m9bvag1h.css");
.top-div {
height: 100%;
}
@ -164,6 +217,7 @@ export default {
.div-card {
width: 100%;
height: 100%;
font-weight: 200;
border-radius: 5px;
}
@ -197,21 +251,24 @@ export default {
/*border-radius: 10px;*/
}
.apply-use li{
float: left;
width: 15%;
height: 60px;
margin: 40px 0 0 60px;
line-height: 60px;
font-weight: bold;
text-align: center;
margin-top: 20px;
}
.mouse:hover {
cursor: pointer;
}
.text-style {
margin-left: 20px;
cursor: pointer;
/deep/.ant-card-body {
padding: 0px 24px 36px 24px;
}
/deep/.ant-card-head-title{
font-weight: 600;
}
.bottom-div /deep/.ant-card-head{
border-bottom: 0px;
}
i:hover {

2
src/views/wastematerials/ProcessWasteMaterialsList.vue
Unescape View File

@ -212,7 +212,7 @@
},
methods: {
handleDetail(record){
this.$router.push({name:'src-views-wastematerials-ProcessWasteMaterialsLists',params:{material: record.material}})
this.$router.push({name:'src-views-wastematerials-ProcessWasteMaterialsLists',params:{descriptionId: record.descriptionId}})
},
initDictConfig(){
//优先从缓存中读取字典配置

29
src/views/wastematerials/ProcessWasteMaterialsLists.vue
Unescape View File

@ -20,9 +20,9 @@
<a-input placeholder="请输入物料组" v-model="queryParam.materialGroup"></a-input>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24" hidden="hidden">
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="物料">
<a-input placeholder="请输入物料" v-model="queryParam.material" disabled="disabled"></a-input>
<a-input placeholder="请输入物料" v-model="queryParam.material" ></a-input>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
@ -40,6 +40,7 @@
<a-range-picker
style="width: 210px"
format="YYYY-MM-DD"
:value="createProductTime"
:placeholder="['开始时间', '结束时间']"
@change="onDateChange"
/>
@ -55,6 +56,7 @@
<a-range-picker
style="width: 210px"
format="YYYY-MM-DD"
:value = "createInnerTime"
:placeholder="['开始时间', '结束时间']"
@change="onDateChangeinboundTime"
/>
@ -69,9 +71,11 @@
</a-form>
</div>
<div class="table-operator">
<a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
<a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
<a-button type="primary" @click="searchReset" icon="reload">重置</a-button>
</div>
<!-- 查询区域-END -->
@ -147,21 +151,25 @@
},
data () {
return {
material: this.$route.params.material,
descriptionId: this.$route.params.descriptionId,
queryParam:{
supplier: null,
supplierDescription: null,
materialGroup : null,
material : this.$route.params.material,
material : null,
materialDescription: null,
theirTeam: null,
productionDate: null,
expirationDate: null,
inboundTime: null,
materialsState: null,
descriptionId: this.$route.params.descriptionId,
del_flag: 0
},
createProductTime:[],
createInnerTime:[],
description: '账外物资库管理页面',
dataSource:[],
// 表头
@ -287,7 +295,7 @@
},
watch: {
$route() {
this.queryParam.material = this.$route.params.material
this.queryParam.descriptionId = this.$route.params.descriptionId
this.loadData()
}
},
@ -298,15 +306,17 @@
},
methods: {
onDateChange: function (value, dateString) {
this.createProductTime = value;
this.queryParam.productDateBegin=dateString[0];
this.queryParam.productDateEnd=dateString[1];
},
onDateChangeinboundTime: function (value, dateString) {
this.createInnerTime = value,
this.queryParam.inboundDateBegin=dateString[0];
this.queryParam.inboundDateEnd=dateString[1];
},
judgeRouterParam(){
if (this.$route.params.material == null){
if (this.$route.params.descriptionId == null){
this.$router.go(-1);
}
},
@ -323,17 +333,20 @@
});
},
searchReset(){
this.createProductTime = [],
this.createInnerTime = [],
this.queryParam = {
supplier: null,
supplierDescription: null,
materialGroup : null,
material : this.$route.params.material,
material : null,
materialDescription: null,
theirTeam: null,
productionDate: null,
expirationDate: null,
inboundTime: null,
materialsState: null,
descriptionId: this.$route.params.descriptionId,
del_flag: 0
},
getAction(this.url.list,this.queryParam).then((res)=>{

39
src/views/wastematerials/modules/ProcessWasteMaterialsForm.vue
Unescape View File

@ -4,43 +4,48 @@
<a-form :form="form" slot="detail">
<a-row>
<a-col :span="12">
<a-form-item label="供应商" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['supplier']" placeholder="请输入供应商" ></a-input>
<a-form-item label="供应商id" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['supplierId']" placeholder="请输入供应商id" ></a-input>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="供应商描述" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['supplierDescription']" placeholder="请输入供应商描述" ></a-input>
<a-form-item label="物料组id" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['descriptionId']" placeholder="请输入物料组id" ></a-input>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="物料组" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['materialGroup']" placeholder="请输入物料组" ></a-input>
<a-form-item label="物资编码清单表ID" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['merchandiseNewsId']" placeholder="请输入物资编码清单表ID" ></a-input>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="物料" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['material']" placeholder="请输入物料" ></a-input>
<a-form-item label="库存位置" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['materialStorageId']" placeholder="请输入库存位置" ></a-input>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="物料描述" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['materialDescription']" placeholder="请输入物料描述" ></a-input>
<a-form-item label="库存仓位" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['freightSpace']" placeholder="请输入库存仓位" ></a-input>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="所属工作队" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['theirTeam']" placeholder="请输入所属工作队" ></a-input>
<a-form-item label="计量单位" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['materialsUnit']" placeholder="请输入计量单位" ></a-input>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="库存位置" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['materialStorageId']" placeholder="请输入库存位置" ></a-input>
<a-form-item label="数量" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['number']" placeholder="请输入数量" ></a-input>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="库存仓位" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['freightSpace']" placeholder="请输入库存仓位" ></a-input>
<a-form-item label="单价" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['price']" placeholder="请输入单价" ></a-input>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['money']" placeholder="请输入金额" ></a-input>
</a-form-item>
</a-col>
<a-col :span="12">
@ -211,7 +216,7 @@
that.confirmLoading = false;
})
}
})
},
popupCallback(row){

Write Preview
Loading…
Cancel
Save