Skip to content

V
vue-gjjs
Commit 993ab191 by wangguangchao
Options

待申报列表页面优化

parent 2a2a4366
Showing with 71 additions and 62 deletions
src/views/Business/Bopsel/Errp.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
@form-reset="errpHandleReset" @form-reset="errpHandleReset"
@form-search="errpHandleSearch" @form-search="errpHandleSearch"
> >
<template> <template v-slot="searchSlot">
<el-form <el-form
class="m-table-search-form" class="m-table-search-form"
ref="paramsForm" ref="paramsForm"
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<el-row> <el-row>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="申报编号" prop="errsel.rptno"> <el-form-item label="申报编号" prop="errsel.rptno" style="width: 100%">
<c-input <c-input
v-model="model.errsel.rptno" v-model="model.errsel.rptno"
maxlength="22" maxlength="22"
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="业务所属行" prop="bopquep.ownextkey"> <el-form-item label="业务所属行" prop="bopquep.ownextkey" style="width: 100%">
<c-select <c-select
v-model="model.bopquep.ownextkey" v-model="model.bopquep.ownextkey"
style="width: 100%" style="width: 100%"
...@@ -36,27 +36,31 @@ ...@@ -36,27 +36,31 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8" v-show="searchSlot.searchToggle">
<el-form-item label="起止日期" prop="bopquep.frmdat"> <el-form-item label="起止日期" style="width: 100%">
<c-date-picker <c-col :span="11">
type="date" <el-date-picker
v-model="model.bopquep.frmdat" type="date"
style="width: 100%" v-model="model.bopquep.frmdat"
placeholder="请选择起始日期" value-format="yyyy-MM-dd"
></c-date-picker> style="width: 100%"
</el-form-item> placeholder="请选择From"
</c-col> ></el-date-picker>
</c-col>
<c-col :span="8"> <c-col :span="2" style="text-align: center">
<el-form-item label="至" prop="bopquep.tildat"> <label style="display: inline-block; width: 100%">-</label>
<c-date-picker </c-col>
type="date" <c-col :span="11">
v-model="model.bopquep.tildat" <el-date-picker
style="width: 100%" type="date"
placeholder="请选择终止日期" v-model="model.bopquep.tildat"
></c-date-picker> value-format="yyyy-MM-dd"
</el-form-item> style="width: 100%"
</c-col> placeholder="请选择Until"
></el-date-picker>
</c-col>
</el-form-item>
</c-col>
</el-row> </el-row>
</el-form> </el-form>
</template> </template>
...@@ -64,7 +68,7 @@ ...@@ -64,7 +68,7 @@
<el-row> <el-row>
<c-istream-table :list="stmData.data" :columns="stmData.columns"> <c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="op" label="操作" width="100"> <el-table-column fixed="right" prop="op" label="操作" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)" <a href="javascript:void(0)" @click="continueEdit(scope.row)"
>correct</a >correct</a
......
src/views/Business/Bopsel/Selp.vue
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
> >
<el-row> <el-row>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="申报类型" prop="bopquep.boptyp"> <el-form-item label="申报类型" prop="bopquep.boptyp" style="width: 100%">
<c-select <c-select
v-model="model.bopquep.boptyp" v-model="model.bopquep.boptyp"
style="width: 100%" style="width: 100%"
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="查询日期类型" prop="bopquep.dattyp"> <el-form-item label="查询日期类型" prop="bopquep.dattyp" style="width: 100%">
<c-select <c-select
v-model="model.bopquep.dattyp" v-model="model.bopquep.dattyp"
style="width: 100%" style="width: 100%"
...@@ -45,32 +45,40 @@ ...@@ -45,32 +45,40 @@
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8">
<el-form-item label="起止日期" prop="bopquep.frmdat">
<c-date-picker
type="date"
v-model="model.bopquep.frmdat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择From"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="8"> <c-col :span="8" v-show="searchSlot.searchToggle">
<el-form-item label="至" prop="bopquep.tildat"> <el-form-item label="起止日期" style="width: 100%">
<c-date-picker <c-col :span="11">
type="date" <el-date-picker
v-model="model.bopquep.tildat" type="date"
value-format="yyyy-MM-dd" v-model="model.bopquep.frmdat"
style="width: 100%" value-format="yyyy-MM-dd"
placeholder="请选择Until" style="width: 100%"
></c-date-picker> placeholder="请选择From"
</el-form-item> ></el-date-picker>
</c-col> </c-col>
<c-col :span="2" style="text-align: center">
<label style="display: inline-block; width: 100%">-</label>
</c-col>
<c-col :span="11">
<el-date-picker
type="date"
v-model="model.bopquep.tildat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择Until"
></el-date-picker>
</c-col>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="申报号码" prop="bopquep.rptno"> </el-row>
<el-row v-show="searchSlot.searchToggle">
<c-col :span="8">
<el-form-item label="申报号码" prop="bopquep.rptno" style="width: 100%">
<c-input <c-input
v-model="model.bopquep.rptno" v-model="model.bopquep.rptno"
maxlength="22" maxlength="22"
...@@ -79,7 +87,7 @@ ...@@ -79,7 +87,7 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="业务所属行" prop="bopquep.ownextkey"> <el-form-item label="业务所属行" prop="bopquep.ownextkey" style="width: 100%">
<c-select <c-select
v-model="model.bopquep.ownextkey" v-model="model.bopquep.ownextkey"
style="width: 100%" style="width: 100%"
...@@ -88,11 +96,8 @@ ...@@ -88,11 +96,8 @@
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</el-row>
<el-row v-show="searchSlot.searchToggle">
<c-col :span="8"> <c-col :span="8">
<el-form-item label="客户类型" prop="bopquep.ptytyp"> <el-form-item label="客户类型" prop="bopquep.ptytyp" style="width: 100%">
<c-select <c-select
v-model="model.bopquep.ptytyp" v-model="model.bopquep.ptytyp"
style="width: 100%" style="width: 100%"
...@@ -110,7 +115,7 @@ ...@@ -110,7 +115,7 @@
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="客户名称" prop="bopquep.ptynam"> <el-form-item label="客户名称" prop="bopquep.ptynam" style="width: 100%">
<c-input <c-input
v-model="model.bopquep.ptynam" v-model="model.bopquep.ptynam"
style="width: 100%" style="width: 100%"
...@@ -120,7 +125,7 @@ ...@@ -120,7 +125,7 @@
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="结算方式" prop="bopquep.medtyp"> <el-form-item label="结算方式" prop="bopquep.medtyp" style="width: 100%">
<c-select <c-select
v-model="model.bopquep.medtyp" v-model="model.bopquep.medtyp"
style="width: 100%" style="width: 100%"
...@@ -138,7 +143,7 @@ ...@@ -138,7 +143,7 @@
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="业务编号" prop="bopquep.ownref"> <el-form-item label="业务编号" prop="bopquep.ownref" style="width: 100%">
<c-input <c-input
v-model="model.bopquep.ownref" v-model="model.bopquep.ownref"
maxlength="16" maxlength="16"
...@@ -148,7 +153,7 @@ ...@@ -148,7 +153,7 @@
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="笔数" prop="bopquep.sum"> <el-form-item label="笔数" prop="bopquep.sum" style="width: 100%">
<c-input <c-input
v-model="model.bopquep.sum" v-model="model.bopquep.sum"
placeholder="请输入笔数" placeholder="请输入笔数"
...@@ -157,7 +162,7 @@ ...@@ -157,7 +162,7 @@
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="业务状态" prop="bopquep.staflg"> <el-form-item label="业务状态" prop="bopquep.staflg" style="width: 100%">
<c-select <c-select
v-model="model.bopquep.staflg" v-model="model.bopquep.staflg"
style="width: 100%" style="width: 100%"
...@@ -187,7 +192,7 @@ ...@@ -187,7 +192,7 @@
<el-row> <el-row>
<c-istream-table :list="stmData.data" :columns="stmData.columns"> <c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="op" label="操作" width="100"> <el-table-column fixed="right" prop="op" label="操作" width="200px">
<template slot-scope="scope"> <template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)" <a href="javascript:void(0)" @click="continueEdit(scope.row)"
>详情</a >详情</a
......
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