Skip to content

M
mes-ui
Commit 9d3a9bf5 authored by renjintao's avatar renjintao
Browse files
Options

数据包追溯

parent 0eb7bca1
Show whitespace changes
Inline Side-by-side
Showing with 439 additions and 475 deletions
pages/qc/dataTrace/index.vue
View file @ 9d3a9bf5
<template>
<div class="content">
<div class="content">
<!-- 搜索+按钮 -->
<div class="title_box mb10">
<div class="table_title">
<Input
search
enter-button
style="width:300px;"
v-model="orderSearchForm.SimpleSearch"
placeholder="请输入查询条件"
@on-search="tableSearch"
></Input>
<Input search enter-button style="width:300px;" v-model="orderSearchForm.SimpleSearch" placeholder="请输入查询条件" @on-search="tableSearch"></Input>
</div>
<Button type="primary" class="title_btn" @click="searchModel">高级查询</Button>
</div>
<div class="tableBox mb10" :style="{height:tbHeight}">
<div class="table">
<div>
<div v-if="listTask.length==0" class="wu_data">暂无数据</div>
<Row :gutter="16" :style="{width:rowWidth}">
<Col span="6" v-for="(item,index) in listTask" :key="index">
<Col :span="6" v-for="(item,index) in listTask" :key="index">
<Card class="card">
<h3 slot="title">
订单编号：{{item.mesCode}}
......@@ -44,20 +37,7 @@
<h3>暂无数据</h3>
</div>
</div>
<Page
class="mr10 fr"
id="pageComent"
show-total
size="small"
show-elevator
show-sizer
:total="search.total"
:current="search.pageIndex"
:page-size="search.pageSize"
:page-size-opts="showPagesize"
@on-change="pageChange"
@on-page-size-change="pageSizeChange"
/>
<Page class="mr10 fr" id="pageComent" show-total size="small" show-elevator show-sizer :total="search.total" :current="search.pageIndex" :page-size="search.pageSize" :page-size-opts="showPagesize" @on-change="pageChange" @on-page-size-change="pageSizeChange" />
<!-- 高级搜索弹框 -->
<Modal v-model="showModel" title="高级搜索" :width="800" :mask-closable="false">
<Form :model="orderSearchForm" ref="orderSearchForm" :label-width="100" inline>
......@@ -65,23 +45,14 @@
<Col span="12">
<FormItem label="产品名称" style="width:100%">
<Select v-model="orderSearchForm.productName" placeholder="请选择" style="width:240px;">
<Option
v-for="(item,index) in list"
:key="index"
:value="item.value"
style="display:none"
>{{item.label}}</Option>
<Option v-for="(item,index) in list" :key="index" :value="item.value" style="display:none">{{item.label}}</Option>
<Tree key="mytree" :data="data1" ref="mytree" :render="renderContent"></Tree>
</Select>
</FormItem>
</Col>
<Col span="12">
<FormItem label="状态" style="width:100%">
<dictionary
code="plan.order.status"
v-model="orderSearchForm.status"
style="width:240px"
></dictionary>
<dictionary code="plan.order.status" v-model="orderSearchForm.status" style="width:240px"></dictionary>
<Input v-model="orderSearchForm.productId" style="width:240px" v-if="false" />
</FormItem>
</Col>
......@@ -89,20 +60,12 @@
<Row>
<Col span="12">
<FormItem label="工艺编号" style="width:100%">
<Input
v-model="orderSearchForm.processcode"
placeholder="请输入工艺编号"
style="width: 240px"
/>
<Input v-model="orderSearchForm.processcode" placeholder="请输入工艺编号" style="width: 240px" />
</FormItem>
</Col>
<Col span="12">
<FormItem label="工艺名称" style="width:100%">
<Input
v-model="orderSearchForm.processname"
placeholder="请输入工艺名称"
style="width: 240px"
/>
<Input v-model="orderSearchForm.processname" placeholder="请输入工艺名称" style="width: 240px" />
</FormItem>
</Col>
</Row>
......@@ -122,41 +85,25 @@
<Row>
<Col span="12">
<FormItem label="紧急程度" style="width:100%">
<dictionary
code="plan.order.urgencyLevel"
v-model="orderSearchForm.urgencyLevel"
style="width:240px"
></dictionary>
<dictionary code="plan.order.urgencyLevel" v-model="orderSearchForm.urgencyLevel" style="width:240px"></dictionary>
</FormItem>
</Col>
<Col span="12">
<FormItem label="任务类型" style="width:100%">
<dictionary
code="plan.order.taskType"
v-model="orderSearchForm.taskType"
style="width:240px"
></dictionary>
<dictionary code="plan.order.taskType" v-model="orderSearchForm.taskType" style="width:240px"></dictionary>
</FormItem>
</Col>
</Row>
<Row>
<Col span="12">
<FormItem label="阶段" style="width:100%">
<dictionary
code="plan.order.stage"
v-model="orderSearchForm.stage"
style="width:240px"
></dictionary>
<dictionary code="plan.order.stage" v-model="orderSearchForm.stage" style="width:240px"></dictionary>
</FormItem>
</Col>
<Col span="12">
<FormItem label="材料" style="width:100%">
<dictionary
code="plan.order.material"
v-model="orderSearchForm.materialId"
style="width:240px"
></dictionary>
<dictionary code="plan.order.material" v-model="orderSearchForm.materialId" style="width:240px"></dictionary>
</FormItem>
</Col>
</Row>
......@@ -168,11 +115,7 @@
</Col>
<Col span="12">
<FormItem label="甲方客户" style="width:100%">
<dictionary
code="plan.order.guestName"
v-model="orderSearchForm.guestName"
style="width:240px"
></dictionary>
<dictionary code="plan.order.guestName" v-model="orderSearchForm.guestName" style="width:240px"></dictionary>
</FormItem>
</Col>
</Row>
......@@ -184,11 +127,7 @@
</Col>
<Col span="12">
<FormItem label="厂内责任主体部门" style="width:100%">
<dictionary
code="plan.order.mainDepartment"
v-model="orderSearchForm.mainDepartmentId"
style="width:240px"
></dictionary>
<dictionary code="plan.order.mainDepartment" v-model="orderSearchForm.mainDepartmentId" style="width:240px"></dictionary>
</FormItem>
</Col>
</Row>
......@@ -207,11 +146,7 @@
<Row>
<Col span="12">
<FormItem label="甲方技术输入文件(编号)" style="width:100%">
<Input
v-model="orderSearchForm.technologyDocmentCode"
placeholder
style="width:240px"
/>
<Input v-model="orderSearchForm.technologyDocmentCode" placeholder style="width:240px" />
</FormItem>
</Col>
<Col span="12">
......@@ -246,14 +181,20 @@
<Button @click="reviewOk" type="primary" style="margin-left:10px;">确定</Button>
</div>
</Modal>
</div>
</div>
</template>
<script>
import service from "@/plugins/request";
import reviewCount from "./components/reviewCount.vue";
export default {
components: { reviewCount },
async fetch({ store, params }) {
components: {
reviewCount
},
async fetch({
store,
params
}) {
await store.dispatch("loadDictionary"); // 加载数据字典
},
data() {
......@@ -264,7 +205,7 @@ export default {
total: 0, //总数
conditions: []
},
rowWidth:'',
rowWidth: '',
showPagesize: [20, 50, 100],
showModel: false,
list: [],
......@@ -277,7 +218,7 @@ export default {
orderSearchForm: {
//高级搜索字段内容
MaxResultCount: 20,
SkipCount: 1,
SkipCount: 0,
SimpleSearch: "", //搜索框内容
productId: null, //产品id
productName: "", //产品名称
......@@ -315,7 +256,10 @@ export default {
this.laode();
this.tbHeight = window.innerHeight - 208 + "px";
},
async fetch({ store, params }) {
async fetch({
store,
params
}) {
await store.dispatch("loadDictionary"); // 加载数据字典
},
methods: {
......@@ -325,7 +269,7 @@ export default {
service
.post(`${url}`, {
MaxResultCount: 20,
SkipCount: 1
SkipCount: 0
})
.then(res => {
// console.log(res)
......@@ -382,7 +326,7 @@ export default {
.then(res => {
this.listTask = res.result.items;
this.search.total = res.result.totalCount;
if(this.listTask.length<4){
if (this.listTask.length < 4) {
this.rowWidth = "100%"
}
});
......@@ -393,14 +337,19 @@ export default {
async openDetails(lemData) {
this.$router.push({
name: "qcimplement",
params: { transmitData: lemData }
params: {
transmitData: lemData
}
});
},
renderContent(h, { root, node, data }) {
renderContent(h, {
root,
node,
data
}) {
//渲染树的样式
return h(
"span",
{
"span", {
style: {
color: data.isProduct != "1" ? "#249E91" : "#333", //根据选中状态设置样式
cursor: "pointer"
......@@ -421,7 +370,10 @@ export default {
this.selectdata = [];
this.selectdata = data;
this.list = [];
this.list.push({ label: data[0].title, value: data[0].id });
this.list.push({
label: data[0].title,
value: data[0].id
});
if (data[0].isProduct == "1") {
this.orderSearchForm.productName = data[0].id;
this.orderSearchForm.productId = data[0].productId;
......@@ -474,22 +426,27 @@ export default {
}
};
</script>
<style scoped>
#pageComent .ivu-select-dropdown {
top: 0 !important;
bottom: 36px;
}
ul,
li {
list-style: none;
}
.table_title {
width: 320px;
float: left;
}
.title_btn {
margin-top: 1px;
}
.tableBox {
/* height: 582px; 笔记本高度*/
/* height: 778px; */
......@@ -497,31 +454,38 @@ li {
overflow-y: scroll;
overflow-x: hidden;
}
.table {
margin: 10px 0 0 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.no_data {
height: 800px;
text-align: center;
line-height: 800px;
}
.card{
.card {
margin: 10px 0 10px 20px;
}
.wu_data {
margin: 200px auto;
font-size: 18px;
}
.card_line{
.card_line {
height: 30px;
line-height: 30px;
}
.footer01 {
text-align: center;
}
.footer_btn {
border-top: 1px solid #ccc;
display: block;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment