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>
<el-row style="margin-bottom: 10px">
<span>物料名称</span> <span>物料名称</span>
<el-input v-model="materialName" placeholder="物料名称" clearable size="small"/> <el-input v-model="materialName" placeholder="物料名称" clearable size="small"/>
<span>物料规格</span> <span>物料规格</span>
<el-input v-model="materialSpec" placeholder="物料规格" clearable size="small"/> <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">
<el-row style="margin-bottom: 10px">
<span>物料名称</span> <span>物料名称</span>
<el-input v-model="materialName" placeholder="物料名称" clearable size="small"/> <el-input v-model="materialName" placeholder="物料名称" clearable size="small"/>
<span>物料规格</span> <span>物料规格</span>
<el-input v-model="materialSpec" placeholder="物料规格" clearable size="small"/> <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,10 +2,13 @@
<div class="app-container"> <div class="app-container">
<el-card> <el-card>
<div slot="header"> <div slot="header">
<el-row style="margin-bottom: 10px">
<span>物料名称:</span> <span>物料名称:</span>
<el-input v-model="materialName" placeholder="物料名称" size="small" clearable/> <el-input v-model="materialName" placeholder="物料名称" size="small" clearable/>
<span>物料规格:</span> <span>物料规格:</span>
<el-input v-model="materialSpec" placeholder="物料规格" size="small" clearable/> <el-input v-model="materialSpec" placeholder="物料规格" size="small" clearable/>
</el-row>
<el-row style="">
<span>物料型号:</span> <span>物料型号:</span>
<el-input v-model="materialModel" placeholder="物料型号" size="small" clearable/> <el-input v-model="materialModel" placeholder="物料型号" size="small" clearable/>
<span>物料状态:</span> <span>物料状态:</span>
@@ -23,6 +26,7 @@
icon="el-icon-menu" icon="el-icon-menu"
style="margin-left: 10px" style="margin-left: 10px"
@click="bindOfflineContract">绑定离线合同</el-button> @click="bindOfflineContract">绑定离线合同</el-button>
</el-row>
</div> </div>
<el-table <el-table
v-loading="" v-loading=""
@@ -118,12 +122,15 @@
<el-card> <el-card>
<div slot="header"> <div slot="header">
<el-row style="margin-bottom: 10px">
<span>物料名称:</span> <span>物料名称:</span>
<el-input v-model="materialName" placeholder="物料名称" size="small" clearable/> <el-input v-model="materialName" placeholder="物料名称" size="small" clearable/>
<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>
<el-input v-model="materialModel" placeholder="物料型号" size="small" clearable/> <el-input v-model="materialModel" placeholder="物料型号" size="small" clearable/>
</el-row>
<el-row style="">
<span>库存状态:</span> <span>库存状态:</span>
<el-select v-model="inventoryStateValue" placeholder="库存状态" size="small" clearable> <el-select v-model="inventoryStateValue" placeholder="库存状态" size="small" clearable>
<el-option <el-option
@@ -147,6 +154,7 @@
style="margin-left: 10px" style="margin-left: 10px"
@click="pageCurrent1=1;pageSize1=10;total1=0;searchTable1()">查询</el-button> @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-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,7 +12,8 @@
<!--format="yyyy-MM-dd"--> <!--format="yyyy-MM-dd"-->
<!--start-placeholder="开始日期"--> <!--start-placeholder="开始日期"-->
<!--end-placeholder="结束日期"/>--> <!--end-placeholder="结束日期"/>-->
<span>合同号:</span> <el-row>
<span>合同编号:</span>
<el-select v-model="contractNumValue" placeholder="合同号" size="small" filterable clearable> <el-select v-model="contractNumValue" placeholder="合同号" size="small" filterable clearable>
<el-option <el-option
v-for="item in contractNum" v-for="item in contractNum"
@@ -33,6 +34,9 @@
:label="item.label" :label="item.label"
:value="item.value"/> :value="item.value"/>
</el-select> </el-select>
</el-row>
<el-row style="margin-top: 15px">
<span>审批情况:</span> <span>审批情况:</span>
<el-select v-model="approvalValue" placeholder="审批情况" size="small" style="width: 100px"> <el-select v-model="approvalValue" placeholder="审批情况" size="small" style="width: 100px">
<el-option <el-option
@@ -52,6 +56,7 @@
size="small" size="small"
icon="el-icon-download" icon="el-icon-download"
@click="download()">导出</el-button> @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"