Skip to content

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

数据包追溯

parent 0eb7bca1
Hide whitespace changes
Inline Side-by-side
Showing with 439 additions and 475 deletions
pages/qc/dataTrace/index.vue
View file @ 9d3a9bf5
<template> <template>
<div class="content"> <div class="content">
<!-- 搜索+按钮 --> <!-- 搜索+按钮 -->
<div class="title_box mb10"> <div class="title_box mb10">
<div class="table_title"> <div class="table_title">
<Input <Input search enter-button style="width:300px;" v-model="orderSearchForm.SimpleSearch" placeholder="请输入查询条件" @on-search="tableSearch"></Input>
search </div>
enter-button <Button type="primary" class="title_btn" @click="searchModel">高级查询</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>
<div class="tableBox mb10" :style="{height:tbHeight}"> <div class="tableBox mb10" :style="{height:tbHeight}">
<div class="table"> <div>
<div v-if="listTask.length==0" class="wu_data">暂无数据</div> <div v-if="listTask.length==0" class="wu_data">暂无数据</div>
<Row :gutter="16" :style="{width:rowWidth}"> <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"> <Card class="card">
<h3 slot="title"> <h3 slot="title">
订单编号：{{item.mesCode}} 订单编号：{{item.mesCode}}
</h3> </h3>
<ul class="card_body01"> <ul class="card_body01">
<li class="card_line"> <li class="card_line">
产品名称：{{item.productName}} 产品名称：{{item.productName}}
</li> </li>
<li class="card_line"> <li class="card_line">
任务类型：{{item.equipment}} 任务类型：{{item.equipment}}
</li> </li>
</ul> </ul>
<p class="footer01"> <p class="footer01">
<a class="footer_btn" href="#" @click.event="reviewFn(item)"> <a class="footer_btn" href="#" @click.event="reviewFn(item)">
追 溯 追 溯
</a> </a>
</p> </p>
</Card> </Card>
</Col> </Col>
</Row> </Row>
</div> </div>
<div v-show="noData" class="no_data"> <div v-show="noData" class="no_data">
<h3>暂无数据</h3> <h3>暂无数据</h3>
</div> </div>
</div> </div>
<Page <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" />
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"> <Modal v-model="showModel" title="高级搜索" :width="800" :mask-closable="false">
<Form :model="orderSearchForm" ref="orderSearchForm" :label-width="100" inline> <Form :model="orderSearchForm" ref="orderSearchForm" :label-width="100" inline>
<Row> <Row>
<Col span="12"> <Col span="12">
<FormItem label="产品名称" style="width:100%"> <FormItem label="产品名称" style="width:100%">
<Select v-model="orderSearchForm.productName" placeholder="请选择" style="width:240px;"> <Select v-model="orderSearchForm.productName" placeholder="请选择" style="width:240px;">
<Option <Option v-for="(item,index) in list" :key="index" :value="item.value" style="display:none">{{item.label}}</Option>
v-for="(item,index) in list" <Tree key="mytree" :data="data1" ref="mytree" :render="renderContent"></Tree>
:key="index" </Select>
:value="item.value" </FormItem>
style="display:none" </Col>
>{{item.label}}</Option> <Col span="12">
<Tree key="mytree" :data="data1" ref="mytree" :render="renderContent"></Tree> <FormItem label="状态" style="width:100%">
</Select> <dictionary code="plan.order.status" v-model="orderSearchForm.status" style="width:240px"></dictionary>
</FormItem> <Input v-model="orderSearchForm.productId" style="width:240px" v-if="false" />
</Col> </FormItem>
<Col span="12"> </Col>
<FormItem label="状态" style="width:100%"> </Row>
<dictionary <Row>
code="plan.order.status" <Col span="12">
v-model="orderSearchForm.status" <FormItem label="工艺编号" style="width:100%">
style="width:240px" <Input v-model="orderSearchForm.processcode" placeholder="请输入工艺编号" style="width: 240px" />
></dictionary> </FormItem>
<Input v-model="orderSearchForm.productId" style="width:240px" v-if="false" /> </Col>
</FormItem> <Col span="12">
</Col> <FormItem label="工艺名称" style="width:100%">
</Row> <Input v-model="orderSearchForm.processname" placeholder="请输入工艺名称" style="width: 240px" />
<Row> </FormItem>
<Col span="12"> </Col>
<FormItem label="工艺编号" style="width:100%"> </Row>
<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"
/>
</FormItem>
</Col>
</Row>
<Row> <Row>
<Col span="12"> <Col span="12">
<FormItem label="项目号" style="width:100%"> <FormItem label="项目号" style="width:100%">
<Input v-model="orderSearchForm.projectNumber" placeholder style="width:240px" /> <Input v-model="orderSearchForm.projectNumber" placeholder style="width:240px" />
</FormItem> </FormItem>
</Col> </Col>
<Col span="12"> <Col span="12">
<FormItem label="批次号" style="width:100%"> <FormItem label="批次号" style="width:100%">
<Input v-model="orderSearchForm.batchNumber" placeholder style="width:240px" /> <Input v-model="orderSearchForm.batchNumber" placeholder style="width:240px" />
</FormItem> </FormItem>
</Col> </Col>
</Row> </Row>
<Row> <Row>
<Col span="12"> <Col span="12">
<FormItem label="紧急程度" style="width:100%"> <FormItem label="紧急程度" style="width:100%">
<dictionary <dictionary code="plan.order.urgencyLevel" v-model="orderSearchForm.urgencyLevel" style="width:240px"></dictionary>
code="plan.order.urgencyLevel" </FormItem>
v-model="orderSearchForm.urgencyLevel" </Col>
style="width:240px"
></dictionary>
</FormItem>
</Col>
<Col span="12"> <Col span="12">
<FormItem label="任务类型" style="width:100%"> <FormItem label="任务类型" style="width:100%">
<dictionary <dictionary code="plan.order.taskType" v-model="orderSearchForm.taskType" style="width:240px"></dictionary>
code="plan.order.taskType" </FormItem>
v-model="orderSearchForm.taskType" </Col>
style="width:240px" </Row>
></dictionary> <Row>
</FormItem> <Col span="12">
</Col> <FormItem label="阶段" style="width:100%">
</Row> <dictionary code="plan.order.stage" v-model="orderSearchForm.stage" style="width:240px"></dictionary>
<Row> </FormItem>
<Col span="12"> </Col>
<FormItem label="阶段" style="width:100%"> <Col span="12">
<dictionary <FormItem label="材料" style="width:100%">
code="plan.order.stage" <dictionary code="plan.order.material" v-model="orderSearchForm.materialId" style="width:240px"></dictionary>
v-model="orderSearchForm.stage" </FormItem>
style="width:240px" </Col>
></dictionary> </Row>
</FormItem> <Row>
</Col> <Col span="12">
<Col span="12"> <FormItem label="数量" style="width:100%">
<FormItem label="材料" style="width:100%"> <InputNumber :min="0" v-model="orderSearchForm.quantity" style="width:240px"></InputNumber>
<dictionary </FormItem>
code="plan.order.material" </Col>
v-model="orderSearchForm.materialId" <Col span="12">
style="width:240px" <FormItem label="甲方客户" style="width:100%">
></dictionary> <dictionary code="plan.order.guestName" v-model="orderSearchForm.guestName" style="width:240px"></dictionary>
</FormItem> </FormItem>
</Col> </Col>
</Row> </Row>
<Row> <Row>
<Col span="12"> <Col span="12">
<FormItem label="数量" style="width:100%"> <FormItem label="厂内责任机关" style="width:100%">
<InputNumber :min="0" v-model="orderSearchForm.quantity" style="width:240px"></InputNumber> <Input v-model="orderSearchForm.functionaryOffice" placeholder style="width:240px" />
</FormItem> </FormItem>
</Col> </Col>
<Col span="12"> <Col span="12">
<FormItem label="甲方客户" style="width:100%"> <FormItem label="厂内责任主体部门" style="width:100%">
<dictionary <dictionary code="plan.order.mainDepartment" v-model="orderSearchForm.mainDepartmentId" style="width:240px"></dictionary>
code="plan.order.guestName" </FormItem>
v-model="orderSearchForm.guestName" </Col>
style="width:240px" </Row>
></dictionary> <Row>
</FormItem> <Col span="12">
</Col> <FormItem label="任务节点要求" style="width:100%">
</Row> <Input v-model="orderSearchForm.taskRequire" placeholder style="width:240px" />
<Row> </FormItem>
<Col span="12"> </Col>
<FormItem label="厂内责任机关" style="width:100%"> <Col span="12">
<Input v-model="orderSearchForm.functionaryOffice" placeholder style="width:240px" /> <FormItem label="甲方投产输入文件(编号)" style="width:100%">
</FormItem> <Input v-model="orderSearchForm.putintDocmentCode" placeholder style="width:240px" />
</Col> </FormItem>
<Col span="12"> </Col>
<FormItem label="厂内责任主体部门" style="width:100%"> </Row>
<dictionary <Row>
code="plan.order.mainDepartment" <Col span="12">
v-model="orderSearchForm.mainDepartmentId" <FormItem label="甲方技术输入文件(编号)" style="width:100%">
style="width:240px" <Input v-model="orderSearchForm.technologyDocmentCode" placeholder style="width:240px" />
></dictionary> </FormItem>
</FormItem> </Col>
</Col> <Col span="12">
</Row> <FormItem label="外部图号/模型号" style="width:100%">
<Row> <Input v-model="orderSearchForm.outerDrawnNumber" placeholder style="width:240px" />
<Col span="12"> </FormItem>
<FormItem label="任务节点要求" style="width:100%"> </Col>
<Input v-model="orderSearchForm.taskRequire" placeholder style="width:240px" /> </Row>
</FormItem> <Row>
</Col> <Col span="12">
<Col span="12"> <FormItem label="模型版本" style="width:100%">
<FormItem label="甲方投产输入文件(编号)" style="width:100%"> <Input v-model="orderSearchForm.modelVersion" placeholder style="width:240px" />
<Input v-model="orderSearchForm.putintDocmentCode" placeholder style="width:240px" /> </FormItem>
</FormItem> </Col>
</Col> <Col span="12">
</Row> <FormItem label="甲方任务号" style="width:100%">
<Row> <Input v-model="orderSearchForm.taskCode" placeholder style="width:240px" />
<Col span="12"> </FormItem>
<FormItem label="甲方技术输入文件(编号)" style="width:100%"> </Col>
<Input </Row>
v-model="orderSearchForm.technologyDocmentCode" </Form>
placeholder <div slot="footer">
style="width:240px" <Button @click="close" style="margin-left:20px;">取消</Button>
/> <Button @click="complexSearch" type="primary" class="ml10">查询</Button>
</FormItem> </div>
</Col>
<Col span="12">
<FormItem label="外部图号/模型号" style="width:100%">
<Input v-model="orderSearchForm.outerDrawnNumber" placeholder style="width:240px" />
</FormItem>
</Col>
</Row>
<Row>
<Col span="12">
<FormItem label="模型版本" style="width:100%">
<Input v-model="orderSearchForm.modelVersion" placeholder style="width:240px" />
</FormItem>
</Col>
<Col span="12">
<FormItem label="甲方任务号" style="width:100%">
<Input v-model="orderSearchForm.taskCode" placeholder style="width:240px" />
</FormItem>
</Col>
</Row>
</Form>
<div slot="footer">
<Button @click="close" style="margin-left:20px;">取消</Button>
<Button @click="complexSearch" type="primary" class="ml10">查询</Button>
</div>
</Modal> </Modal>
<!-- 数据包追溯 --> <!-- 数据包追溯 -->
<Modal v-model="reviewModal" title="数据包追溯" :width="1280" :mask-closable="false"> <Modal v-model="reviewModal" title="数据包追溯" :width="1280" :mask-closable="false">
<reviewCount ref="reviewCount" :basicData="itemData" :actValue="actValue" /> <reviewCount ref="reviewCount" :basicData="itemData" :actValue="actValue" />
<div slot="footer"> <div slot="footer">
<!-- <Button @click="close" style="margin-left:20px;">取消</Button> --> <!-- <Button @click="close" style="margin-left:20px;">取消</Button> -->
<Button @click="reviewOk" type="primary" style="margin-left:10px;">确定</Button> <Button @click="reviewOk" type="primary" style="margin-left:10px;">确定</Button>
</div> </div>
</Modal> </Modal>
</div> </div>
</template> </template>
<script> <script>
import service from "@/plugins/request"; import service from "@/plugins/request";
import reviewCount from "./components/reviewCount.vue"; import reviewCount from "./components/reviewCount.vue";
export default { export default {
components: { reviewCount }, components: {
async fetch({ store, params }) { reviewCount
await store.dispatch("loadDictionary"); // 加载数据字典
},
data() {
return {
search: {
pageIndex: 1, //当前页数
pageSize: 20, //分页数
total: 0, //总数
conditions: []
},
rowWidth:'',
showPagesize: [20, 50, 100],
showModel: false,
list: [],
data1: [],
noData: false,
selectdata: [],
tbHeight: "550px",
itemData: {}, //追溯传的数据
actValue: 1, //追溯传的选中meniu
orderSearchForm: {
//高级搜索字段内容
MaxResultCount: 20,
SkipCount: 1,
SimpleSearch: "", //搜索框内容
productId: null, //产品id
productName: "", //产品名称
taskType: "", //任务类型
stage: "", //阶段
materialId: "", //材料
quantity: 0, //数量
guestName: "", //甲方客户
printSupply: "", //3D打印承制单位
functionaryOffice: "", //厂内责任机关
mainDepartmentId: "", //厂内责任主体部门ID
taskRequire: "", //任务接点要求
putintDocmentCode: "", //甲方投产输入文件编号
technologyDocmentCode: "", //甲方技术输入文件编号
outerDrawnNumber: "", //外部图号/模型号
modelVersion: "", //模型版本
taskCode: "", //甲方任务号
designer: "", //甲方设计人员
officeFunctionary: "", //厂内机关负责人
mainRoutingPeople: "", //厂内主工艺人员
routing_Method: "", //工艺方法
outer_Envelope_Size: "", //包装尺寸
demandStartDate: "", //开始时间
demandFinishDate: "", //完成时间
remark: "", //备注
projectNumber: "", //项目号
batchNumber: "", //批次号
urgencyLevel: null //紧急程度
},
listTask: [], //card数据
reviewModal: false //追溯弹框
};
},
created() {
this.laode();
this.tbHeight = window.innerHeight - 208 + "px";
},
async fetch({ store, params }) {
await store.dispatch("loadDictionary"); // 加载数据字典
},
methods: {
// 加载数据
laode() {
let url = `${PlanUrl}/orderexecute/pageddatamesorders`;
service
.post(`${url}`, {
MaxResultCount: 20,
SkipCount: 1
})
.then(res => {
// console.log(res)
this.listTask = res.result.items;
this.search.total = res.result.totalCount;
});
},
reviewFn(item) {
//追溯
this.reviewModal = true;
this.itemData = item;
this.$refs.reviewCount.actNum = "1";
}, },
reviewOk() { async fetch({
this.reviewModal = false; store,
// 手动更新选中的菜单 params
// menuChange(){ }) {
// this.$refs.reviewCount.actNum = ""; await store.dispatch("loadDictionary"); // 加载数据字典
// this.$nextTick(()=>{
// this.$refs.reviewCount.$refs.menus.updateActiveName();
// })
// }
this.$refs.reviewCount.actNum = "";
}, },
// 分页 data() {
pageChange(pageNum) { return {
this.orderSearchForm.SkipCount = search: {
(pageNum - 1) * this.orderSearchForm.MaxResultCount; pageIndex: 1, //当前页数
this.laodePage(this.orderSearchForm); pageSize: 20, //分页数
total: 0, //总数
conditions: []
},
rowWidth: '',
showPagesize: [20, 50, 100],
showModel: false,
list: [],
data1: [],
noData: false,
selectdata: [],
tbHeight: "550px",
itemData: {}, //追溯传的数据
actValue: 1, //追溯传的选中meniu
orderSearchForm: {
//高级搜索字段内容
MaxResultCount: 20,
SkipCount: 0,
SimpleSearch: "", //搜索框内容
productId: null, //产品id
productName: "", //产品名称
taskType: "", //任务类型
stage: "", //阶段
materialId: "", //材料
quantity: 0, //数量
guestName: "", //甲方客户
printSupply: "", //3D打印承制单位
functionaryOffice: "", //厂内责任机关
mainDepartmentId: "", //厂内责任主体部门ID
taskRequire: "", //任务接点要求
putintDocmentCode: "", //甲方投产输入文件编号
technologyDocmentCode: "", //甲方技术输入文件编号
outerDrawnNumber: "", //外部图号/模型号
modelVersion: "", //模型版本
taskCode: "", //甲方任务号
designer: "", //甲方设计人员
officeFunctionary: "", //厂内机关负责人
mainRoutingPeople: "", //厂内主工艺人员
routing_Method: "", //工艺方法
outer_Envelope_Size: "", //包装尺寸
demandStartDate: "", //开始时间
demandFinishDate: "", //完成时间
remark: "", //备注
projectNumber: "", //项目号
batchNumber: "", //批次号
urgencyLevel: null //紧急程度
},
listTask: [], //card数据
reviewModal: false //追溯弹框
};
}, },
pageSizeChange(val) { created() {
this.orderSearchForm.SkipCount = 0; this.laode();
this.orderSearchForm.MaxResultCount = val; this.tbHeight = window.innerHeight - 208 + "px";
this.laodePage(this.orderSearchForm);
}, },
laodePage(pageData) { async fetch({
let url = `${PlanUrl}/orderexecute/pageddatamesorders`; store,
service.post(`${url}`, pageData).then(res => { params
this.listTask = res.result.items; }) {
this.search.total = res.result.totalCount; await store.dispatch("loadDictionary"); // 加载数据字典
});
}, },
methods: {
// 加载数据
laode() {
let url = `${PlanUrl}/orderexecute/pageddatamesorders`;
service
.post(`${url}`, {
MaxResultCount: 20,
SkipCount: 0
})
.then(res => {
// console.log(res)
this.listTask = res.result.items;
this.search.total = res.result.totalCount;
});
},
reviewFn(item) {
//追溯
this.reviewModal = true;
this.itemData = item;
this.$refs.reviewCount.actNum = "1";
},
reviewOk() {
this.reviewModal = false;
// 手动更新选中的菜单
// menuChange(){
// this.$refs.reviewCount.actNum = "";
// this.$nextTick(()=>{
// this.$refs.reviewCount.$refs.menus.updateActiveName();
// })
// }
this.$refs.reviewCount.actNum = "";
},
// 分页
pageChange(pageNum) {
this.orderSearchForm.SkipCount =
(pageNum - 1) * this.orderSearchForm.MaxResultCount;
this.laodePage(this.orderSearchForm);
},
pageSizeChange(val) {
this.orderSearchForm.SkipCount = 0;
this.orderSearchForm.MaxResultCount = val;
this.laodePage(this.orderSearchForm);
},
laodePage(pageData) {
let url = `${PlanUrl}/orderexecute/pageddatamesorders`;
service.post(`${url}`, pageData).then(res => {
this.listTask = res.result.items;
this.search.total = res.result.totalCount;
});
},
// 搜索 // 搜索
tableSearch(searchData) { tableSearch(searchData) {
let MaxResultCount = this.orderSearchForm.MaxResultCount; let MaxResultCount = this.orderSearchForm.MaxResultCount;
let url = `${PlanUrl}/orderexecute/pageddatamesorders`; let url = `${PlanUrl}/orderexecute/pageddatamesorders`;
service service
.post(`${url}`, { .post(`${url}`, {
MaxResultCount: MaxResultCount, MaxResultCount: MaxResultCount,
SkipCount: 0, SkipCount: 0,
SimpleSearch: searchData SimpleSearch: searchData
}) })
.then(res => { .then(res => {
this.listTask = res.result.items; this.listTask = res.result.items;
this.search.total = res.result.totalCount; this.search.total = res.result.totalCount;
if(this.listTask.length<4){ if (this.listTask.length < 4) {
this.rowWidth = "100%" this.rowWidth = "100%"
} }
}); });
}, },
searchModel() { searchModel() {
this.showModel = true; this.showModel = true;
}, },
async openDetails(lemData) { async openDetails(lemData) {
this.$router.push({ this.$router.push({
name: "qcimplement", name: "qcimplement",
params: { transmitData: lemData } params: {
}); transmitData: lemData
}, }
renderContent(h, { root, node, data }) { });
//渲染树的样式 },
return h( renderContent(h, {
"span", root,
{ node,
style: { data
color: data.isProduct != "1" ? "#249E91" : "#333", //根据选中状态设置样式 }) {
cursor: "pointer" //渲染树的样式
}, return h(
on: { "span", {
click: () => { style: {
let arrTree = []; color: data.isProduct != "1" ? "#249E91" : "#333", //根据选中状态设置样式
arrTree.push(data); cursor: "pointer"
this.handleSelect(arrTree); //手动选择树节点 },
on: {
click: () => {
let arrTree = [];
arrTree.push(data);
this.handleSelect(arrTree); //手动选择树节点
}
}
},
data.title
);
},
handleSelect(data) {
if (data.length > 0) {
this.selectdata = [];
this.selectdata = data;
this.list = [];
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;
} else {
this.$Message.error("此节点不是产品,请选择产品节点!");
}
} }
}
}, },
data.title close() {
); this.showModel = false;
}, },
handleSelect(data) { complexSearch() {
if (data.length > 0) { // this.$emit('easySearch',this.orderSearchForm);
this.selectdata = []; let parmes = this.orderSearchForm;
this.selectdata = data; parmes.SimpleSearch = "";
this.list = []; let url = `${PlanUrl}/orderexecute/pageddatamesorders`;
this.list.push({ label: data[0].title, value: data[0].id }); // console.log(parmes)
if (data[0].isProduct == "1") { service.post(`${url}`, parmes).then(res => {
this.orderSearchForm.productName = data[0].id; // console.log(res)
this.orderSearchForm.productId = data[0].productId; this.listTask = res.result.items;
} else { this.search.total = res.result.totalCount;
this.$Message.error("此节点不是产品,请选择产品节点!"); if (this.search.total == 0) {
} this.noData = true;
} } else {
}, this.noData = false;
close() { }
this.showModel = false; });
}, this.close();
complexSearch() { },
// this.$emit('easySearch',this.orderSearchForm); //得到数据字典对应的label和value，用于table排序、筛选
let parmes = this.orderSearchForm; getArry(arryList) {
parmes.SimpleSearch = ""; let arry = [];
let url = `${PlanUrl}/orderexecute/pageddatamesorders`; arryList.forEach(data => {
// console.log(parmes) var that = this;
service.post(`${url}`, parmes).then(res => { let arryObj = {};
// console.log(res) arryObj["label"] = data.name;
this.listTask = res.result.items; arryObj["value"] = data.code;
this.search.total = res.result.totalCount; arry.push(arryObj);
if (this.search.total == 0) { });
this.noData = true; return arry;
} else {
this.noData = false;
} }
});
this.close();
}, },
//得到数据字典对应的label和value，用于table排序、筛选 mounted() {
getArry(arryList) { window.onresize = () => {
let arry = []; ///浏览器窗口大小变化
arryList.forEach(data => { return (() => {
var that = this; this.tbHeight = window.innerHeight - 208 + "px";
let arryObj = {}; })();
arryObj["label"] = data.name; };
arryObj["value"] = data.code;
arry.push(arryObj);
});
return arry;
} }
},
mounted() {
window.onresize = () => {
///浏览器窗口大小变化
return (() => {
this.tbHeight = window.innerHeight - 208 + "px";
})();
};
}
}; };
</script> </script>
<style scoped> <style scoped>
#pageComent .ivu-select-dropdown { #pageComent .ivu-select-dropdown {
top: 0 !important; top: 0 !important;
bottom: 36px; bottom: 36px;
} }
ul, ul,
li { li {
list-style: none; list-style: none;
} }
.table_title { .table_title {
width: 320px; width: 320px;
float: left; float: left;
} }
.title_btn { .title_btn {
margin-top: 1px; margin-top: 1px;
} }
.tableBox { .tableBox {
/* height: 582px; 笔记本高度*/ /* height: 582px; 笔记本高度*/
/* height: 778px; */ /* height: 778px; */
border: #ddd solid 1px; border: #ddd solid 1px;
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
} }
.table { .table {
margin: 10px 0 0 0; margin: 10px 0 0 0;
display: -webkit-flex; display: -webkit-flex;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
.no_data { .no_data {
height: 800px; height: 800px;
text-align: center; text-align: center;
line-height: 800px; line-height: 800px;
} }
.card{
margin: 10px 0 10px 20px; .card {
margin: 10px 0 10px 20px;
} }
.wu_data { .wu_data {
margin: 200px auto; margin: 200px auto;
font-size: 18px; font-size: 18px;
} }
.card_line{
height: 30px; .card_line {
line-height: 30px; height: 30px;
line-height: 30px;
} }
.footer01 { .footer01 {
text-align: center; text-align: center;
} }
.footer_btn { .footer_btn {
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
display: block; display: block;
padding: 10px 0 0 0; padding: 10px 0 0 0;
color: #0099ff; color: #0099ff;
} }
</style> </style>
\ No newline at end of file
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