feat():前端样式调整;

master
jiyufei 2 months ago
parent 9fe69f9e8d
commit 33f534173f

@ -1,10 +1,3 @@
<template>
<div class="JNPF-common-layout">
<div class="JNPF-common-layout-center">
@ -17,16 +10,14 @@
</el-col>
<el-col :span="6">
<el-form-item label="年月">
<JnpfDateRangePicker v-model="query.planYearMonth"
format="yyyy-MM" startPlaceholder="开始日期"
<JnpfDateRangePicker v-model="query.planYearMonth" format="yyyy-MM" startPlaceholder="开始日期"
endPlaceholder="结束日期">
</JnpfDateRangePicker>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="单据日期">
<JnpfDateRangePicker v-model="query.orderDate"
format="yyyy-MM-dd" startPlaceholder="开始日期"
<JnpfDateRangePicker v-model="query.orderDate" format="yyyy-MM-dd" startPlaceholder="开始日期"
endPlaceholder="结束日期">
</JnpfDateRangePicker>
</el-form-item>
@ -35,8 +26,7 @@
<el-col :span="6">
<el-form-item label="是否生成采购计划">
<JnpfSelect v-model="query.isCreatePlan" placeholder="请选择" clearable
:options="isCreatePlanOptions"
:props="isCreatePlanProps" multiple >
:options="isCreatePlanOptions" :props="isCreatePlanProps" multiple>
</JnpfSelect>
</el-form-item>
</el-col>
@ -58,9 +48,11 @@
<div class="JNPF-common-layout-main JNPF-flex-main">
<div class="JNPF-common-head">
<div>
<el-button type="primary" icon="icon-ym icon-ym-btn-add" v-has="'btn_add'" @click="addOrUpdateHandle()">
<el-button type="primary" icon="icon-ym icon-ym-btn-add" v-has="'btn_add'"
@click="addOrUpdateHandle()">新增
</el-button>
<el-button type="text" icon="icon-ym icon-ym-btn-download" @click="exportData()" v-has="'btn_download'" >导出
<el-button type="text" icon="icon-ym icon-ym-btn-download" @click="exportData()"
v-has="'btn_download'">导出
</el-button>
</div>
<div class="JNPF-common-head-right">
@ -75,50 +67,38 @@
</div>
</div>
<JNPF-table v-loading="listLoading" :data="list" @sort-change='sortChange'
:span-method="arraySpanMethod"
>
<el-table-column
prop="planNumber"
label="物料需求计划单号" align="left"
>
:span-method="arraySpanMethod" border>
<el-table-column prop="planNumber" label="物料需求计划单号" align="center">
</el-table-column>
<el-table-column
prop="reamrk"
label="备注" align="left"
>
<el-table-column prop="reamrk" label="备注" align="center">
</el-table-column>
<el-table-column label="是否生成采购计划" prop="isCreatePlan" algin="left"
>
<template slot-scope="scope">
<el-table-column label="是否生成采购计划" prop="isCreatePlan" align="center">
<!-- <template slot-scope="scope">
{{ scope.row.isCreatePlan }}
</template> -->
<template slot-scope="scope">
<el-tag v-if="scope.row.isCreatePlan == '是'"></el-tag>
<el-tag type="success" v-else-if="scope.row.isCreatePlan == ''"></el-tag>
</template>
</el-table-column>
<el-table-column
prop="planYearMonth"
label="年月" align="left"
>
<el-table-column prop="planYearMonth" label="年月" align="center">
</el-table-column>
<el-table-column
prop="orderDate"
label="单据日期" align="left"
>
<el-table-column prop="orderDate" label="单据日期" align="center">
</el-table-column>
<el-table-column label="操作"
fixed="right" width="150" >
<el-table-column label="操作" fixed="right" width="150">
<template slot-scope="scope">
<el-button type="text"
@click="addOrUpdateHandle(scope.row)" v-has="'btn_edit'" >编辑
<el-button type="text" @click="addOrUpdateHandle(scope.row)" v-has="'btn_edit'">
</el-button>
<el-button type="text" class="JNPF-table-delBtn" v-has="'btn_remove'" @click="handleDel(scope.row.id)">
<el-button type="text" class="JNPF-table-delBtn" v-has="'btn_remove'"
@click="handleDel(scope.row.id)">删除
</el-button>
<el-button type="text" v-has="'btn_detail'"
@click="goDetail(scope.row.id)">详情
<el-button type="text" v-has="'btn_detail'" @click="goDetail(scope.row.id)">
</el-button>
</template>
</el-table-column>
</JNPF-table>
<pagination :total="total" :page.sync="listQuery.currentPage" :limit.sync="listQuery.pageSize" @pagination="initData"/>
<pagination :total="total" :page.sync="listQuery.currentPage" :limit.sync="listQuery.pageSize"
@pagination="initData" />
</div>
</div>
<JNPF-Form v-if="formVisible" ref="JNPFForm" @refresh="refresh" />

@ -80,7 +80,7 @@
<JnpfNumber v-model="scope.row.sort" :thousands="false" />
</template>
</el-table-column>
<el-table-column label="班次" prop="post" algin="center" width="150">
<el-table-column label="班次" prop="post" align="center" width="150">
<template slot-scope="scope">
{{ scope.row.post }}
</template>

Loading…
Cancel
Save