response style

This commit is contained in:
chenjianan
2019-04-15 09:27:25 +08:00
parent 5537be6ea0
commit 6812160e6d
9 changed files with 135 additions and 118 deletions

View File

@@ -1,10 +1,12 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-card> <el-card>
<span>物料名称</span> <el-row style="margin-bottom: 10px">
<el-input v-model="materialName" placeholder="物料名称" clearable size="small"/> <span>物料名称</span>
<span>物料规格</span> <el-input v-model="materialName" placeholder="物料名称" clearable size="small"/>
<el-input v-model="materialSpec" placeholder="物料规格" clearable size="small"/> <span>物料规格</span>
<el-input v-model="materialSpec" placeholder="物料规格" clearable size="small"/>
</el-row>
<span>物料型号</span> <span>物料型号</span>
<el-input v-model="materialModel" placeholder="物料型号" clearable size="small"/> <el-input v-model="materialModel" placeholder="物料型号" clearable size="small"/>
<el-button size="small" type="success" icon="el-icon-search" style="margin: 0 0 0 10px" @click="pageCurrent1=1;pageSize1=10;total1=0;searchTable1()">查询</el-button> <el-button size="small" type="success" icon="el-icon-search" style="margin: 0 0 0 10px" @click="pageCurrent1=1;pageSize1=10;total1=0;searchTable1()">查询</el-button>

View File

@@ -2,10 +2,12 @@
<div class="app-container"> <div class="app-container">
<el-card> <el-card>
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span>物料名称</span> <el-row style="margin-bottom: 10px">
<el-input v-model="materialName" placeholder="物料名称" clearable size="small"/> <span>物料名称</span>
<span>物料规格</span> <el-input v-model="materialName" placeholder="物料名称" clearable size="small"/>
<el-input v-model="materialSpec" placeholder="物料规格" clearable size="small"/> <span>物料规格</span>
<el-input v-model="materialSpec" placeholder="物料规格" clearable size="small"/>
</el-row>
<span>物料型号</span> <span>物料型号</span>
<el-input v-model="materialModel" placeholder="物料型号" clearable size="small"/> <el-input v-model="materialModel" placeholder="物料型号" clearable size="small"/>
<el-button size="small" type="success" icon="el-icon-search" style="margin: 0 0 0 10px" @click="pageCurrent1=1;pageSize1=10;total1=0;searchTable1();pageCurrent2=1;pageSize2=10;total2=0;searchTable2()">查询</el-button> <el-button size="small" type="success" icon="el-icon-search" style="margin: 0 0 0 10px" @click="pageCurrent1=1;pageSize1=10;total1=0;searchTable1();pageCurrent2=1;pageSize2=10;total2=0;searchTable2()">查询</el-button>

View File

@@ -3,10 +3,12 @@
<el-tabs type="border-card" @tab-click="searchTable11();searchTable12()"> <el-tabs type="border-card" @tab-click="searchTable11();searchTable12()">
<el-tab-pane label="标准件和外购件"> <el-tab-pane label="标准件和外购件">
<el-row style="margin-bottom: 10px"> <el-row style="margin-bottom: 10px">
<span>物料状态:</span> <span style="margin-right: -10px">物料状态:</span>
<el-cascader :options="materialStatus" v-model="materialStatusValue" size="small" change-on-select/> <el-cascader :options="materialStatus" v-model="materialStatusValue" size="small" change-on-select/>
<span>物料名称:</span> <span>物料名称:</span>
<el-input v-model="materialName" placeholder="物料名称" size="small" clearable/> <el-input v-model="materialName" placeholder="物料名称" size="small" clearable/>
</el-row>
<el-row style="margin-bottom: 10px">
<span>物料规格:</span> <span>物料规格:</span>
<el-input v-model="materialSpec" placeholder="物料规格" size="small" clearable/> <el-input v-model="materialSpec" placeholder="物料规格" size="small" clearable/>
<span>物料型号:</span> <span>物料型号:</span>
@@ -142,10 +144,12 @@
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="基本件"> <el-tab-pane label="基本件">
<el-row style="margin-bottom: 10px"> <el-row style="margin-bottom: 10px">
<span>物料状态:</span> <span style="margin-right: -10px">物料状态:</span>
<el-cascader :options="materialStatus" v-model="materialStatusValue" size="small" change-on-select/> <el-cascader :options="materialStatus" v-model="materialStatusValue" size="small" change-on-select/>
<span>零件图号:</span> <span>零件图号:</span>
<el-input v-model="partNum" placeholder="零件图号" size="small" clearable/> <el-input v-model="partNum" placeholder="零件图号" size="small" clearable/>
</el-row>
<el-row style="margin-bottom: 10px">
<span>零件名称:</span> <span>零件名称:</span>
<el-input v-model="partName" placeholder="零件名称" size="small" clearable/> <el-input v-model="partName" placeholder="零件名称" size="small" clearable/>
<span>零件规格:</span> <span>零件规格:</span>
@@ -266,15 +270,13 @@
<el-button <el-button
type="primary" type="primary"
size="small" size="small"
icon="el-icon-plus"
style="margin-left: 10px" style="margin-left: 10px"
@click="createInquirySheet">创建单</el-button> @click="createInquirySheet">创建询价单</el-button>
<el-button <el-button
type="primary" type="primary"
size="small" size="small"
icon="el-icon-circle-plus-outline"
style="margin-left: 10px" style="margin-left: 10px"
@click="addInquirySheet">追加物料</el-button> @click="addInquirySheet">选入</el-button>
</div> </div>
<h3 style="margin-top: 0">询价单</h3> <h3 style="margin-top: 0">询价单</h3>
<el-table v-loading="" :data="tableData2" border style="max-height: 300px;" height="300px" size="mini" highlight-current-row @row-click="searchTable3"> <el-table v-loading="" :data="tableData2" border style="max-height: 300px;" height="300px" size="mini" highlight-current-row @row-click="searchTable3">

View File

@@ -8,12 +8,12 @@
<el-button type="success" size="small" icon="el-icon-search" style="margin-left:10px" @click="total1=0;pageCurrent1=1;pageSize1=10;searchTable1()">查询</el-button> <el-button type="success" size="small" icon="el-icon-search" style="margin-left:10px" @click="total1=0;pageCurrent1=1;pageSize1=10;searchTable1()">查询</el-button>
</div> </div>
<h4 style="margin-top: 5px">发票结算申请单</h4> <h4 style="margin-top: 5px">发票结算申请单</h4>
<el-table id="expandTable" :data="tableData1" border highlight-current-row style="width: 100%;height: 330px;overflow:auto" size="mini" @row-click="searchTable2"> <el-table id="expandTable" :data="tableData1" border highlight-current-row height="330px" style="width: 100%;height: 330px;overflow:auto" size="mini" @row-click="searchTable2">
<el-table-column type="expand"> <el-table-column type="expand">
<template slot-scope="scope"> <template slot-scope="scope">
<el-form label-position="left" inline class="demo-table-expand"> <el-form label-position="left" inline class="demo-table-expand">
<el-row> <el-row>
<el-col :span="6"> <el-col :lg="6" :sm="12">
<viewer> <viewer>
<img :src="scope.row.scanSrc" alt="发票扫描件" height="120px"> <img :src="scope.row.scanSrc" alt="发票扫描件" height="120px">
</viewer> </viewer>

View File

@@ -2,27 +2,31 @@
<div class="app-container"> <div class="app-container">
<el-card> <el-card>
<div slot="header"> <div slot="header">
<span>物料名称:</span> <el-row style="margin-bottom: 10px">
<el-input v-model="materialName" placeholder="物料名称" size="small" clearable/> <span>物料名称:</span>
<span>物料规格:</span> <el-input v-model="materialName" placeholder="物料名称" size="small" clearable/>
<el-input v-model="materialSpec" placeholder="物料规格" size="small" clearable/> <span>物料规格:</span>
<span>物料型号:</span> <el-input v-model="materialSpec" placeholder="物料规格" size="small" clearable/>
<el-input v-model="materialModel" placeholder="物料型号" size="small" clearable/> </el-row>
<span>物料状态:</span> <el-row style="">
<el-cascader :options="materialStatus" v-model="materialStatusValue" size="small" change-on-select style="margin: 0"/> <span>物料型号:</span>
<el-button <el-input v-model="materialModel" placeholder="物料型号" size="small" clearable/>
type="success" <span>物料状态:</span>
size="small" <el-cascader :options="materialStatus" v-model="materialStatusValue" size="small" change-on-select style="margin: 0"/>
icon="el-icon-search" <el-button
style="margin-left: 10px" type="success"
@click="pageCurrent00=1;pageSize00=10;total00=0;searchTable00()">查询</el-button> size="small"
<el-button icon="el-icon-search"
:disabled="tableData02.length===0" style="margin-left: 10px"
type="primary" @click="pageCurrent00=1;pageSize00=10;total00=0;searchTable00()">查询</el-button>
size="small" <el-button
icon="el-icon-menu" :disabled="tableData02.length===0"
style="margin-left: 10px" type="primary"
@click="bindOfflineContract">绑定离线合同</el-button> size="small"
icon="el-icon-menu"
style="margin-left: 10px"
@click="bindOfflineContract">绑定离线合同</el-button>
</el-row>
</div> </div>
<el-table <el-table
v-loading="" v-loading=""
@@ -118,35 +122,39 @@
<el-card> <el-card>
<div slot="header"> <div slot="header">
<span>物料名称:</span> <el-row style="margin-bottom: 10px">
<el-input v-model="materialName" placeholder="物料名称" size="small" clearable/> <span>物料名称:</span>
<span>物料规格:</span> <el-input v-model="materialName" placeholder="物料名称" size="small" clearable/>
<el-input v-model="materialSpec" placeholder="物料规格" size="small" clearable/> <span>物料规格:</span>
<span>物料型号:</span> <el-input v-model="materialSpec" placeholder="物料规格" size="small" clearable/>
<el-input v-model="materialModel" placeholder="物料型号" size="small" clearable/> <span>物料型号:</span>
<span>库存状态:</span> <el-input v-model="materialModel" placeholder="物料型号" size="small" clearable/>
<el-select v-model="inventoryStateValue" placeholder="库存状态" size="small" clearable> </el-row>
<el-option <el-row style="">
v-for="item in inventoryState" <span>库存状态:</span>
:key="item.value" <el-select v-model="inventoryStateValue" placeholder="库存状态" size="small" clearable>
:label="item.label" <el-option
:value="item.value"/> v-for="item in inventoryState"
</el-select> :key="item.value"
<span>采购状态:</span> :label="item.label"
<el-select v-model="purchaseStateValue" placeholder="库存状态" size="small"> :value="item.value"/>
<el-option </el-select>
v-for="item in purchaseState" <span>采购状态:</span>
:key="item.value" <el-select v-model="purchaseStateValue" placeholder="库存状态" size="small">
:label="item.label" <el-option
:value="item.value"/> v-for="item in purchaseState"
</el-select> :key="item.value"
<el-button :label="item.label"
type="success" :value="item.value"/>
size="small" </el-select>
icon="el-icon-search" <el-button
style="margin-left: 10px" type="success"
@click="pageCurrent1=1;pageSize1=10;total1=0;searchTable1()">查询</el-button> size="small"
<el-button style="float: right; padding: 10px" type="text" @click="showMaterialTable=!showMaterialTable">{{ showMaterialTable ? '收起' : '展开' }}</el-button> icon="el-icon-search"
style="margin-left: 10px"
@click="pageCurrent1=1;pageSize1=10;total1=0;searchTable1()">查询</el-button>
<el-button style="float: right; padding: 10px" type="text" @click="showMaterialTable=!showMaterialTable">{{ showMaterialTable ? '收起' : '展开' }}</el-button>
</el-row>
</div> </div>
<div v-show="showMaterialTable"> <div v-show="showMaterialTable">
<el-table <el-table
@@ -239,15 +247,13 @@
<el-button <el-button
type="primary" type="primary"
size="small" size="small"
icon="el-icon-plus"
style="margin-left: 10px" style="margin-left: 10px"
@click="addOfflineContract">创建离线合同</el-button> @click="addOfflineContract">创建离线合同</el-button>
<el-button <el-button
type="primary" type="primary"
size="small" size="small"
icon="el-icon-download"
style="margin-left: 10px" style="margin-left: 10px"
@click="addMateriel">选入物料</el-button> @click="addMateriel">选入</el-button>
</div> </div>
<el-table v-loading="" :data="tableData2" border style="max-height: 460px;" height="300px" size="mini" highlight-current-row @row-click="searchTable3"> <el-table v-loading="" :data="tableData2" border style="max-height: 460px;" height="300px" size="mini" highlight-current-row @row-click="searchTable3">
<el-table-column type="expand" fixed="left"> <el-table-column type="expand" fixed="left">
@@ -1325,10 +1331,10 @@ export default {
width:150px; width:150px;
} }
.el-select{ .el-select{
width:200px width:195px
} }
.el-input{ .el-input{
width:200px width:195px
} }
span{ span{
margin: 10px 0 10px 10px; margin: 10px 0 10px 10px;

View File

@@ -2,7 +2,7 @@
<div class="app-container"> <div class="app-container">
<el-card> <el-card>
<div slot="header"> <div slot="header">
<span>请款时间:</span> <span style="margin-left: 0">请款时间:</span>
<el-date-picker <el-date-picker
v-model="dateRange" v-model="dateRange"
:picker-options="pickerOptions" :picker-options="pickerOptions"

View File

@@ -3,7 +3,7 @@
<el-card> <el-card>
<div slot="header"> <div slot="header">
<span>项目名称:</span> <span>项目名称:</span>
<el-select v-model="projectValue" placeholder="项目名称" size="small" filterable clearable @change="projectChange"> <el-select v-model="projectValue" style="width:200px" placeholder="项目名称" size="small" filterable clearable @change="projectChange">
<el-option <el-option
v-for="item in project" v-for="item in project"
:key="item.value" :key="item.value"
@@ -11,7 +11,7 @@
:value="item.value"/> :value="item.value"/>
</el-select> </el-select>
<span>机床图号:</span> <span>机床图号:</span>
<el-select v-model="machineValue" style="width:200px" placeholder="请选择" size="small" clearable filterable @change="machineChange"> <el-select v-model="machineValue" style="width:190px" placeholder="请选择" size="small" clearable filterable @change="machineChange">
<el-option <el-option
v-for="item in machine" v-for="item in machine"
:key="item.value" :key="item.value"
@@ -19,7 +19,7 @@
:value="item.value"/> :value="item.value"/>
</el-select> </el-select>
<span>组号:</span> <span>组号:</span>
<el-select v-model="groupValue" style="width:200px" placeholder="请选择" size="small" clearable filterable> <el-select v-model="groupValue" style="width:140px" placeholder="请选择" size="small" clearable filterable>
<el-option <el-option
v-for="item in group" v-for="item in group"
:key="item.value" :key="item.value"

View File

@@ -12,46 +12,51 @@
<!--format="yyyy-MM-dd"--> <!--format="yyyy-MM-dd"-->
<!--start-placeholder="开始日期"--> <!--start-placeholder="开始日期"-->
<!--end-placeholder="结束日期"/>--> <!--end-placeholder="结束日期"/>-->
<span>合同号:</span> <el-row>
<el-select v-model="contractNumValue" placeholder="合同号" size="small" filterable clearable> <span>合同编号:</span>
<el-option <el-select v-model="contractNumValue" placeholder="合同号" size="small" filterable clearable>
v-for="item in contractNum" <el-option
:key="item.value" v-for="item in contractNum"
:label="item.label" :key="item.value"
:value="item.value"> :label="item.label"
<div style="float: left">{{ item.label }}</div> :value="item.value">
<div style="float: right; color: #8492a6; font-size: 13px">{{ item.name }}</div> <div style="float: left">{{ item.label }}</div>
</el-option> <div style="float: right; color: #8492a6; font-size: 13px">{{ item.name }}</div>
</el-select> </el-option>
<span>供应商:</span> </el-select>
<el-input v-model="supplierName" placeholder="供应商" size="small" clearable style="width:180px"/> <span>供应商:</span>
<span>采购员:</span> <el-input v-model="supplierName" placeholder="供应商" size="small" clearable style="width:180px"/>
<el-select v-model="personValue" placeholder="采购员" size="small" clearable style="width: 100px"> <span>采购员:</span>
<el-option <el-select v-model="personValue" placeholder="采购员" size="small" clearable style="width: 100px">
v-for="item in person" <el-option
:key="item.value" v-for="item in person"
:label="item.label" :key="item.value"
:value="item.value"/> :label="item.label"
</el-select> :value="item.value"/>
<span>审批情况:</span> </el-select>
<el-select v-model="approvalValue" placeholder="审批情况" size="small" style="width: 100px"> </el-row>
<el-option
v-for="item in approval" <el-row style="margin-top: 15px">
:key="item.value" <span>审批情况:</span>
:label="item.label" <el-select v-model="approvalValue" placeholder="审批情况" size="small" style="width: 100px">
:value="item.value"/> <el-option
</el-select> v-for="item in approval"
<el-button :key="item.value"
type="success" :label="item.label"
size="small" :value="item.value"/>
icon="el-icon-search" </el-select>
style="margin-left:10px" <el-button
@click="total1=0;pageCurrent1=1;pageSize1=10;searchTable1()">查询</el-button> type="success"
<el-button size="small"
type="warning" icon="el-icon-search"
size="small" style="margin-left:10px"
icon="el-icon-download" @click="total1=0;pageCurrent1=1;pageSize1=10;searchTable1()">查询</el-button>
@click="download()">导出</el-button> <el-button
type="warning"
size="small"
icon="el-icon-download"
@click="download()">导出</el-button>
</el-row>
</div> </div>
<el-table <el-table
v-loading="loading1" v-loading="loading1"

View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="app-container"> <div class="app-container receiveCheck">
<el-card> <el-card>
<div slot="header"> <div slot="header">
<span>项目名称:</span> <span>项目名称:</span>
@@ -11,7 +11,7 @@
:value="item.value"/> :value="item.value"/>
</el-select> </el-select>
<span>机床图号:</span> <span>机床图号:</span>
<el-select v-model="machineValue" style="width:200px" placeholder="请选择" size="small" clearable filterable @change="machineChange"> <el-select v-model="machineValue" style="width:190px" placeholder="请选择" size="small" clearable filterable @change="machineChange">
<el-option <el-option
v-for="item in machine" v-for="item in machine"
:key="item.value" :key="item.value"
@@ -19,7 +19,7 @@
:value="item.value"/> :value="item.value"/>
</el-select> </el-select>
<span>组号:</span> <span>组号:</span>
<el-select v-model="groupValue" style="width:200px" placeholder="请选择" size="small" clearable filterable> <el-select v-model="groupValue" style="width:140px" placeholder="请选择" size="small" clearable filterable>
<el-option <el-option
v-for="item in group" v-for="item in group"
:key="item.value" :key="item.value"