Browse Source

优化响应式布局

master
ltlzx 4 years ago
parent
commit
7e1ac63f53
  1. 21
      src/assets/css/main.css
  2. 4
      src/components/Header.vue
  3. 7
      src/components/Home.vue
  4. 2
      src/components/Sidebar.vue
  5. 45
      src/components/page/admission/index.vue
  6. 16
      src/components/page/afterService/invoice.vue
  7. 14
      src/components/page/classification/Category.vue
  8. 22
      src/components/page/classification/DataQuery.vue
  9. 10
      src/components/page/fundSettlement/index.vue
  10. 10
      src/components/page/fundSettlement/splitProportion.vue
  11. 4
      src/components/page/layout/index.vue
  12. 24
      src/components/page/order/closed.vue
  13. 24
      src/components/page/order/completed.vue
  14. 24
      src/components/page/order/index.vue
  15. 20
      src/components/page/order/pendingPayment.vue
  16. 24
      src/components/page/order/toBeDelivered.vue
  17. 24
      src/components/page/order/toBeSettled.vue
  18. 4
      src/router/index.js

21
src/assets/css/main.css

@ -8,7 +8,8 @@ body,
.wrapper {
width: 100%;
height: 100%;
/* overflow: hidden; */
overflow: hidden;
/* background: #F0F2F5; */
}
body {
font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
@ -27,15 +28,16 @@ body {
padding-left: 26px;
}
.body{
padding: 0 20px;
padding-top: 20px;
padding: 20px 20px;
/* padding-top: 20px; */
}
.query{
height: 105px;
min-height: 105px;
background-color: white;
padding-left: 36px;
padding-right: 30px;
padding-bottom: 14px;
/* min-width: 1460px; */
}
@ -70,7 +72,8 @@ body {
width: 70px;
}
.table{
height: 620px;
/* min-height: 620px; */
height: auto;
width: 100%;
background-color: white;
margin-top: 20px;
@ -79,7 +82,7 @@ body {
padding-bottom: 15px;
padding-right: 30px;
box-sizing: border-box;
overflow-y: auto;
/* overflow-y: auto; */
/* min-width: 1460px; */
}
.table_title{
@ -109,3 +112,9 @@ body {
padding: 11px 16px;
text-align: center;
}
.ant-modal-header{
border-bottom: none;
}
.ant-modal-footer{
border-top: none;
}

4
src/components/Header.vue

@ -40,8 +40,8 @@ export default {
color: white;
}
.header{
/* width: 100%; */
min-width: 1903px;
width: 100%;
/* min-width: 1903px; */
height: 65px;
display: flex;
align-items: center;

7
src/components/Home.vue

@ -79,12 +79,13 @@ export default {
/* overflow: overlay */
}
.content-box{
min-height:903px;
min-width: 1700px;
/* min-height:903px;
min-width: 1700px; */
border-top: 2px solid #9A9A9A;
border-left: 2px solid #9A9A9A;
background: #F0F2F5;
box-sizing: border-box;
width: 100%;
/* overflow: auto; */
}
@ -94,7 +95,7 @@ export default {
.bootm{
display: flex;
/* height: 100%; */
/* min-height:903px; */
min-height:903px;
background: #F0F2F5;
}

2
src/components/Sidebar.vue

@ -157,7 +157,7 @@ export default {
}
}
}
console.info(data)
// console.info(data)
List.push(data)
}else{
for(let i1 in this.auth1){

45
src/components/page/admission/index.vue

@ -8,19 +8,19 @@
<div class="body">
<div class="query">
<a-row justify="space-between" >
<a-col :span="5" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>ISLI标识码</span>
<a-input v-model="query.islicode"/>
</a-col>
<a-col :span="5" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>标的名称:</span>
<a-input v-model="query.goods_name"/>
</a-col>
<a-col :span="5" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>委托方</span>
<a-input v-model="query.entrust_name"/>
</a-col>
<a-col :span="5" class="query_item" >
<a-col :lg="8" :xl="8" :xxl="6" class="query_item" >
<span>标的类型</span>
<a-select default-value="" v-model="query.goods_type">
<a-select-option value="">全部</a-select-option>
@ -28,7 +28,7 @@
<a-select-option value="2">文化数字内容</a-select-option>
</a-select>
</a-col>
<a-col :span="4" class="query_item" >
<a-col :lg="8" :xl="8" :xxl="6" class="query_item" >
<span>数据状态</span>
<a-select default-value="" v-model="query.data_type">
<a-select-option value="">全部文化数据</a-select-option>
@ -38,7 +38,7 @@
<a-select-option value="4">已失效文化数据</a-select-option>
</a-select>
</a-col>
<a-col :span="5" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>交易方式</span>
<a-select default-value="" v-model="query.goods_entrust">
<a-select-option value="">全部</a-select-option>
@ -46,11 +46,11 @@
<a-select-option value="2">授权</a-select-option>
</a-select>
</a-col>
<a-col :span="5" class="query_item query_item2">
<a-col :lg="12" :xl="12" :xxl="6" class="query_item query_item2">
<span>创建时间</span>
<a-range-picker v-model="query.createtime" valueFormat="YYYY-MM-DD"/>
</a-col>
<a-col :span="14" class="query_item query_item1">
<a-col :lg="12" :xl="12" :xxl="6" class="query_item query_item1">
<a-space :size="21">
<a-button type="primary" class="query_button" @click="getAllDate(1)"> </a-button>
<a-button class="query_button" @click="resetQurey"> </a-button>
@ -61,9 +61,9 @@
<div class="table">
<div class="table_title">
<span>查询结果</span>
<a-button type="primary" class="query_button" @click="getGoods"> </a-button>
<a-button type="primary" class="query_button" @click="OffShelf"> </a-button>
</div>
<a-table :columns="columns" :data-source="data" bordered :pagination="false" :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }">
<a-table :columns="columns" :data-source="data" bordered :pagination="false" :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange,type:'radio' }">
<template slot="goods_status" slot-scope="goods_status">
<span>{{goods_status==1?'上架中':goods_status==2?'下架中':goods_status==3?'已转让':'已失效'}}</span>
</template>
@ -97,6 +97,18 @@
</div>
<dataSelect :visible.sync="visible" v-if="visible" :goods_islicode="goods_islicode" :type="0"></dataSelect>
<operationRecords :visible.sync="visible1" :logDate="logDate" ></operationRecords>
<!-- 下架原因 -->
<a-modal v-model="visible2" title="下架原因" width="500px" :bodyStyle="modeStyle">
<div>
<a-textarea v-model="reason" placeholder="请输入下架原因" :autoSize="{ minRows: 5, maxRows: 10 }"/>
</div>
<template slot="footer">
<div>
<a-button type="white" @click="visible2=false"> </a-button>
<a-button type="primary" @click="getGoods"> </a-button>
</div>
</template>
</a-modal>
</div>
</template>
<script>
@ -120,6 +132,11 @@ export default {
logDate:[],
visible:false,
visible1:false,
visible2:false,
reason:'',
modeStyle:{
'min-height':'200px'
},
pageSizeOptions: ['10', '20', '30', '40', '50'],
total:500,
//
@ -185,10 +202,18 @@ export default {
this.getAllDate()
},
methods:{
OffShelf(){
if(this.selectedRowKeys.length==0){
this.$message.error('请选择要下架的标~');
}else{
this.visible2=true
}
},
onSelectChange(selectedRowKeys) {
this.selectedRowKeys = selectedRowKeys;
},
getGoods(){
let data={goods_isli:this.selectedRowKeys}
offGoods(data).then(res=>{
if(res.code==200){

16
src/components/page/afterService/invoice.vue

@ -9,24 +9,24 @@
<div class="body">
<div class="query">
<a-row justify="space-between" >
<a-col :span="5" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>发票编号</span>
<a-input/>
</a-col>
<a-col :span="5" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>销方纳税人</span>
<a-input/>
</a-col>
<a-col :span="5" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>购方纳税人</span>
<a-input/>
</a-col>
<a-col :span="5" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>订单编号</span>
<a-input/>
</a-col>
<a-col :span="5" class="query_item" >
<a-col :lg="8" :xl="8" :xxl="6" class="query_item" >
<span>订单类型</span>
<a-select default-value="全部" >
<a-select-option value="全部">
@ -35,7 +35,7 @@
</a-select>
</a-col>
<a-col :span="5" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>订单状态</span>
<a-select default-value="全部">
<a-select-option value="全部">
@ -43,11 +43,11 @@
</a-select-option>
</a-select>
</a-col>
<a-col :span="5" class="query_item query_item2">
<a-col :lg="12" :xl="12" :xxl="6" class="query_item query_item2">
<span>创建时间</span>
<a-range-picker valueFormat="YYYY-MM-DD"/>
</a-col>
<a-col :span="9" class="query_item query_item1">
<a-col :lg="12" :xl="12" :xxl="6" class="query_item query_item1">
<a-space :size="21">
<a-button type="primary" class="query_button" @click="getAllDate(1)"> </a-button>
<a-button class="query_button" @click="resetQurey"> </a-button>

14
src/components/page/classification/Category.vue

@ -9,7 +9,7 @@
<div class="body">
<div class="query">
<a-row type="flex" justify="space-between" >
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="7" :xxl="6" class="query_item">
<span>一级分类</span>
<a-select default-value="" @change="handleChange" v-model="query.top_class">
<a-select-option :value="item" v-for="(item,index) in oneList" :key="index">
@ -17,7 +17,7 @@
</a-select-option>
</a-select>
</a-col>
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="7" :xxl="6" class="query_item">
<span>二级分类</span>
<a-select default-value="" v-model="query.son_class">
<a-select-option :value="item" v-for="(item,index) in twoList" :key="index">
@ -25,7 +25,7 @@
</a-select-option>
</a-select>
</a-col>
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="7" :xxl="6" class="query_item">
<span>创建人员</span>
<a-select default-value="" v-model="query.user_id">
<a-select-option :value="item.id" v-for="(item,index) in userList" :key="index">
@ -33,7 +33,7 @@
</a-select-option>
</a-select>
</a-col>
<a-col :span="6" class="query_item" >
<a-col :lg="8" :xl="7" :xxl="6" class="query_item" >
<span>使用状态</span>
<a-select default-value="" v-model="query.usestatus">
<a-select-option value="">全部</a-select-option>
@ -41,11 +41,11 @@
<a-select-option value="1">禁用</a-select-option>
</a-select>
</a-col>
<a-col :span="12" class="query_item query_item2">
<a-col :lg="8" :xl="7" :xxl="12" class="query_item query_item2">
<span>创建时间</span>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="query.createtime"/>
</a-col>
<a-col :span="12" class="query_item query_item1">
<a-col :lg="8" :xl="7" :xxl="12" class="query_item query_item1">
<a-space :size="21">
<a-button type="primary" class="query_button" @click="getAllDate(1)"> </a-button>
<a-button class="query_button" @click="resetQurey"> </a-button>
@ -292,7 +292,7 @@ export default {
}else{
data.page=this.page
}
ClassifyList(data).then(res=>{
console.info(res)
if(res.code==200){

22
src/components/page/classification/DataQuery.vue

@ -8,20 +8,20 @@
</div>
<div class="body">
<div class="query">
<a-row type="flex" justify="space-between" >
<a-col :span="5" class="query_item">
<a-row type="flex" justify="space-between">
<a-col :lg="8" :xl="7" :xxl="5" class="query_item">
<span>ISLI标识码</span>
<a-input v-model="query.islicode"/>
</a-col>
<a-col :span="5" class="query_item">
<a-col :lg="8" :xl="7" :xxl="5" class="query_item">
<span>标的名称:</span>
<a-input v-model="query.goods_name"/>
</a-col>
<a-col :span="5" class="query_item">
<a-col :lg="8" :xl="7" :xxl="5" class="query_item">
<span>委托方</span>
<a-input v-model="query.entrust_name"/>
</a-col>
<a-col :span="5" class="query_item" >
<a-col :lg="8" :xl="7" :xxl="5" class="query_item" >
<span>标的类型</span>
<a-select v-model="query.goods_type">
<a-select-option value="">全部</a-select-option>
@ -29,7 +29,7 @@
<a-select-option value="2">文化数字内容</a-select-option>
</a-select>
</a-col>
<a-col :span="4" class="query_item" >
<a-col :lg="8" :xl="7" :xxl="4" class="query_item" >
<span>数据状态</span>
<a-select v-model="query.data_type">
<a-select-option value="">全部文化数据</a-select-option>
@ -39,7 +39,7 @@
<a-select-option value="4">已失效文化数据</a-select-option>
</a-select>
</a-col>
<a-col :span="5" class="query_item">
<a-col :lg="8" :xl="7" :xxl="5" class="query_item">
<span>交易方式</span>
<a-select v-model="query.transaction" >
<a-select-option value="">全部</a-select-option>
@ -47,7 +47,7 @@
<a-select-option value="2">授权</a-select-option>
</a-select>
</a-col>
<a-col :span="5" class="query_item">
<a-col :lg="8" :xl="7" :xxl="5" class="query_item">
<span>委托状态</span>
<a-select v-model="query.entrust_status" >
<a-select-option value="">全部</a-select-option>
@ -58,11 +58,11 @@
<a-select-option value="5">撤销失败</a-select-option>
</a-select>
</a-col>
<a-col :span="5" class="query_item query_item2">
<a-col :lg="8" :xl="7" :xxl="5" class="query_item query_item2">
<span>创建时间</span>
<a-range-picker v-model="query.createtime" valueFormat="YYYY-MM-DD"/>
</a-col>
<a-col :span="9" class="query_item query_item1">
<a-col :lg="8" :xl="7" :xxl="9" class="query_item query_item1">
<a-space :size="21">
<a-button type="primary" class="query_button" @click="getAllDate(1)"> </a-button>
<a-button class="query_button" @click="resetQurey"> </a-button>
@ -192,7 +192,7 @@ export default {
{
title: '操作',
scopedSlots: { customRender: 'operation' },
width:'170px',
// width:'170px',
// align:'center'
},
]

10
src/components/page/fundSettlement/index.vue

@ -9,7 +9,7 @@
<div class="body">
<div class="query">
<a-row justify="space-between" >
<a-col :span="5" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>客户名称</span>
<a-input v-model="query.user_name"/>
</a-col>
@ -17,11 +17,11 @@
<span>结算账户</span>
<a-input v-model="query.close_account"/>
</a-col> -->
<a-col :span="5" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>银行账号</span>
<a-input v-model="query.bank_account"/>
</a-col>
<a-col :span="5" class="query_item" >
<a-col :lg="8" :xl="8" :xxl="6" class="query_item" >
<span>结算状态</span>
<a-select default-value="" v-model="query.status">
<a-select-option value="">全部</a-select-option>
@ -30,7 +30,7 @@
</a-select>
</a-col>
<a-col :span="5" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>用户类型</span>
<a-select default-value="" v-model="query.type">
<a-select-option value="">全部</a-select-option>
@ -38,7 +38,7 @@
<a-select-option value="1">平台注册</a-select-option>
</a-select>
</a-col>
<a-col :span="24" class="query_item query_item1">
<a-col :lg="16" :xl="16" :xxl="24" class="query_item query_item1">
<a-space :size="21">
<a-button type="primary" class="query_button" @click="getList(1)"> </a-button>
<a-button class="query_button" @click="resetQurey"> </a-button>

10
src/components/page/fundSettlement/splitProportion.vue

@ -9,11 +9,11 @@
<div class="body">
<div class="query">
<a-row justify="space-between" >
<a-col :span="5" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>规则名称</span>
<a-input v-model="query.rule_name"/>
</a-col>
<a-col :span="5" class="query_item" >
<a-col :lg="8" :xl="8" :xxl="6" class="query_item" >
<span>创建人员</span>
<a-select v-model="query.user_id">
<a-select-option :value="item.id" v-for="(item,index) in userList" :key="index">
@ -22,7 +22,7 @@
</a-select>
</a-col>
<a-col :span="5" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>使用状态</span>
<a-select default-value="" v-model="query.status">
<a-select-option value="">全部</a-select-option>
@ -30,11 +30,11 @@
<a-select-option value="1">启用</a-select-option>
</a-select>
</a-col>
<a-col :span="5" class="query_item query_item2">
<a-col :lg="12" :xl="12" :xxl="6" class="query_item query_item2">
<span>创建时间</span>
<a-range-picker v-model="query.createtime" valueFormat="YYYY-MM-DD"/>
</a-col>
<a-col :span="19" class="query_item ">
<a-col :lg="12" :xl="12" :xxl="24" class="query_item query_item1">
<a-space :size="21">
<a-button type="primary" class="query_button" @click="getList(1)"> </a-button>
<a-button class="query_button" @click="resetQurey"> </a-button>

4
src/components/page/layout/index.vue

@ -416,11 +416,7 @@ export default {
color: white !important;
background-color: #4E5969;
}
/deep/ .ant-modal-header{
border-bottom: none;
}
/deep/ .ant-modal-footer{
border-top: none;
padding: 20px 16px;
}
.modal_select{

24
src/components/page/order/closed.vue

@ -9,19 +9,19 @@
<div class="body">
<div class="query">
<a-row type="flex" justify="space-between" >
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>订单编号</span>
<a-input v-model="query.batchcode"/>
</a-col>
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>授权方</span>
<a-input v-model="query.entrust_name"/>
</a-col>
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>被授权方</span>
<a-input v-model="query.buy_name"/>
</a-col>
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>标的名称:</span>
<a-input v-model="query.goods_name"/>
</a-col>
@ -36,7 +36,7 @@
</a-select>
</a-col> -->
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>交易方式</span>
<a-select default-value="" v-model="query.entrust_type">
<a-select-option value="">全部</a-select-option>
@ -44,11 +44,11 @@
<a-select-option value="2">授权</a-select-option>
</a-select>
</a-col>
<a-col :span="6" class="query_item query_item2">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item query_item2">
<span>创建时间</span>
<a-range-picker v-model="query.createtime" valueFormat="YYYY-MM-DD"/>
</a-col>
<a-col :span="12" class="query_item query_item1">
<a-col :lg="24" :xl="24" :xxl="12" class="query_item query_item1">
<a-space :size="21">
<a-button type="primary" class="query_button" @click="getList(1)"> </a-button>
<a-button class="query_button" @click="resetQurey"> </a-button>
@ -131,7 +131,7 @@ export default {
{
title: '订单创建时间',
dataIndex: 'createtime',
width:'160px',
// width:'160px',
// align:'center'
},
{
@ -152,7 +152,7 @@ export default {
{
title: '被授权方/买方',
dataIndex: 'buy_username',
width:'130px',
// width:'130px',
// align:'center'
},
// {
@ -164,18 +164,18 @@ export default {
{
title: '交易方式',
dataIndex: 'entrust_type',
width:'90px',
// width:'90px',
// align:'center'
},
{
title: '交易总额',
dataIndex: 'total_money',
width:'90px',
// width:'90px',
// align:'center'
},
{
title: '操作',
width:'170px',
// width:'170px',
scopedSlots: { customRender: 'operation' },
// align:'center'
},

24
src/components/page/order/completed.vue

@ -9,19 +9,19 @@
<div class="body">
<div class="query">
<a-row type="flex" justify="space-between" >
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>订单编号</span>
<a-input v-model="query.batchcode"/>
</a-col>
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>授权方</span>
<a-input v-model="query.entrust_name"/>
</a-col>
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>被授权方</span>
<a-input v-model="query.buy_name"/>
</a-col>
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>标的名称:</span>
<a-input v-model="query.goods_name"/>
</a-col>
@ -36,7 +36,7 @@
</a-select>
</a-col> -->
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>交易方式</span>
<a-select default-value="" v-model="query.entrust_type">
<a-select-option value="">全部</a-select-option>
@ -44,11 +44,11 @@
<a-select-option value="2">授权</a-select-option>
</a-select>
</a-col>
<a-col :span="6" class="query_item query_item2">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item query_item2">
<span>创建时间</span>
<a-range-picker v-model="query.createtime" valueFormat="YYYY-MM-DD"/>
</a-col>
<a-col :span="12" class="query_item query_item1">
<a-col :lg="24" :xl="24" :xxl="12" class="query_item query_item1">
<a-space :size="21">
<a-button type="primary" class="query_button" @click="getList(1)"> </a-button>
<a-button class="query_button" @click="resetQurey"> </a-button>
@ -131,7 +131,7 @@ export default {
{
title: '订单创建时间',
dataIndex: 'createtime',
width:'160px',
// width:'160px',
// align:'center'
},
{
@ -152,7 +152,7 @@ export default {
{
title: '被授权方/买方',
dataIndex: 'buy_username',
width:'130px',
// width:'130px',
// align:'center'
},
// {
@ -163,19 +163,19 @@ export default {
// },
{
title: '交易方式',
width:'90px',
// width:'90px',
dataIndex: 'entrust_type',
// align:'center'
},
{
title: '交易总额',
dataIndex: 'total_money',
width:'90px',
// width:'90px',
// align:'center'
},
{
title: '操作',
width:'170px',
// width:'170px',
scopedSlots: { customRender: 'operation' },
// align:'center'
},

24
src/components/page/order/index.vue

@ -9,19 +9,19 @@
<div class="body">
<div class="query">
<a-row type="flex" justify="space-between" >
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>订单编号</span>
<a-input v-model="query.batchcode" />
</a-col>
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>授权方</span>
<a-input v-model="query.entrust_name"/>
</a-col>
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>被授权方</span>
<a-input v-model="query.buy_name"/>
</a-col>
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>标的名称:</span>
<a-input v-model="query.goods_name"/>
</a-col>
@ -36,7 +36,7 @@
</a-select>
</a-col> -->
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>交易方式</span>
<a-select default-value="" v-model="query.entrust_type">
<a-select-option value="">全部</a-select-option>
@ -44,7 +44,7 @@
<a-select-option value="2">授权</a-select-option>
</a-select>
</a-col>
<a-col :span="6" class="query_item" >
<a-col :lg="8" :xl="8" :xxl="6" class="query_item" >
<span>交易状态</span>
<a-select default-value="" v-model="query.transaction_status">
<a-select-option value="">全部</a-select-option>
@ -55,11 +55,11 @@
<a-select-option value="5">已关闭</a-select-option>
</a-select>
</a-col>
<a-col :span="6" class="query_item query_item2">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item query_item2">
<span>订单创建时间</span>
<a-range-picker v-model="query.createtime" valueFormat="YYYY-MM-DD"/>
</a-col>
<a-col :span="6" class="query_item query_item1">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item query_item1">
<a-space :size="21">
<a-button type="primary" class="query_button" @click="getList(1)"> </a-button>
<a-button class="query_button" @click="resetQurey"> </a-button>
@ -144,7 +144,7 @@ export default {
},
{
title: '订单创建时间',
width:'160px',
// width:'160px',
dataIndex: 'createtime',
// align:'center'
},
@ -166,7 +166,7 @@ export default {
{
title: '被授权方/买方',
dataIndex: 'buy_username',
width:'130px',
// width:'130px',
// align:'center'
},
// {
@ -177,7 +177,7 @@ export default {
// },
{
title: '交易方式',
width:'90px',
// width:'90px',
dataIndex: 'entrust_type',
// align:'center'
},
@ -188,7 +188,7 @@ export default {
},
{
title: '交易状态',
width:'90px',
// width:'90px',
dataIndex: 'status',
scopedSlots: { customRender: 'status' },
// align:'center'

20
src/components/page/order/pendingPayment.vue

@ -9,19 +9,19 @@
<div class="body">
<div class="query">
<a-row type="flex" justify="space-between" >
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>订单编号</span>
<a-input v-model="query.batchcode"/>
</a-col>
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>授权方</span>
<a-input v-model="query.entrust_name"/>
</a-col>
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>被授权方</span>
<a-input v-model="query.buy_name"/>
</a-col>
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>标的名称:</span>
<a-input v-model="query.goods_name"/>
</a-col>
@ -36,7 +36,7 @@
</a-select>
</a-col> -->
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>交易方式</span>
<a-select default-value="" v-model="query.entrust_type">
<a-select-option value="">全部</a-select-option>
@ -44,11 +44,11 @@
<a-select-option value="2">授权</a-select-option>
</a-select>
</a-col>
<a-col :span="6" class="query_item query_item2">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item query_item2">
<span>订单创建时间</span>
<a-range-picker v-model="query.createtime" valueFormat="YYYY-MM-DD"/>
</a-col>
<a-col :span="12" class="query_item query_item1">
<a-col :lg="24" :xl="24" :xxl="12" class="query_item query_item1">
<a-space :size="21">
<a-button type="primary" class="query_button" @click="getList(1)"> </a-button>
<a-button class="query_button" @click="resetQurey"> </a-button>
@ -129,7 +129,7 @@ export default {
},
{
title: '订单创建时间',
width:'160px',
// width:'160px',
dataIndex: 'createtime',
// align:'center'
},
@ -151,7 +151,7 @@ export default {
{
title: '被授权方/买方',
dataIndex: 'buy_username',
width:'130px',
// width:'130px',
align:'center'
},
// {
@ -162,7 +162,7 @@ export default {
// },
{
title: '交易方式',
width:'90px',
// width:'90px',
dataIndex: 'entrust_type',
align:'center'
},

24
src/components/page/order/toBeDelivered.vue

@ -9,19 +9,19 @@
<div class="body">
<div class="query">
<a-row type="flex" justify="space-between" >
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>订单编号</span>
<a-input v-model="query.batchcode"/>
</a-col>
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>授权方</span>
<a-input v-model="query.entrust_name"/>
</a-col>
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>被授权方</span>
<a-input v-model="query.buy_name"/>
</a-col>
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>标的名称:</span>
<a-input v-model="query.goods_name"/>
</a-col>
@ -36,7 +36,7 @@
</a-select>
</a-col> -->
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>交易方式</span>
<a-select default-value="" v-model="query.entrust_type">
<a-select-option value="">全部</a-select-option>
@ -44,11 +44,11 @@
<a-select-option value="2">授权</a-select-option>
</a-select>
</a-col>
<a-col :span="6" class="query_item query_item2">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item query_item2">
<span>订单创建时间</span>
<a-range-picker v-model="query.createtime" valueFormat="YYYY-MM-DD"/>
</a-col>
<a-col :span="12" class="query_item query_item1">
<a-col :lg="24" :xl="24" :xxl="12" class="query_item query_item1">
<a-space :size="21">
<a-button type="primary" class="query_button" @click="getList(1)"> </a-button>
<a-button class="query_button" @click="resetQurey"> </a-button>
@ -131,7 +131,7 @@ export default {
{
title: '订单创建时间',
dataIndex: 'createtime',
width:'160px',
// width:'160px',
// align:'center'
},
{
@ -152,7 +152,7 @@ export default {
{
title: '被授权方/买方',
dataIndex: 'buy_username',
width:'130px',
// width:'130px',
// align:'center'
},
// {
@ -163,19 +163,19 @@ export default {
// },
{
title: '交易方式',
width:'90px',
// width:'90px',
dataIndex: 'entrust_type',
// align:'center'
},
{
title: '交易总额',
dataIndex: 'total_money',
width:'90px',
// width:'90px',
// align:'center'
},
{
title: '操作',
width:'170px',
// width:'170px',
scopedSlots: { customRender: 'operation' },
// align:'center'
},

24
src/components/page/order/toBeSettled.vue

@ -9,19 +9,19 @@
<div class="body">
<div class="query">
<a-row type="flex" justify="space-between" >
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>订单编号</span>
<a-input v-model="query.batchcode"/>
</a-col>
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>授权方</span>
<a-input v-model="query.entrust_name"/>
</a-col>
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>被授权方</span>
<a-input v-model="query.buy_name"/>
</a-col>
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>标的名称:</span>
<a-input v-model="query.goods_name"/>
</a-col>
@ -36,7 +36,7 @@
</a-select>
</a-col> -->
<a-col :span="6" class="query_item">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item">
<span>交易方式</span>
<a-select default-value="" v-model="query.entrust_type">
<a-select-option value="">全部</a-select-option>
@ -44,11 +44,11 @@
<a-select-option value="2">授权</a-select-option>
</a-select>
</a-col>
<a-col :span="6" class="query_item query_item2">
<a-col :lg="8" :xl="8" :xxl="6" class="query_item query_item2">
<span>创建时间</span>
<a-range-picker v-model="query.createtime" valueFormat="YYYY-MM-DD"/>
</a-col>
<a-col :span="12" class="query_item query_item1">
<a-col :lg="24" :xl="24" :xxl="12" class="query_item query_item1">
<a-space :size="21">
<a-button type="primary" class="query_button" @click="getList(1)"> </a-button>
<a-button class="query_button" @click="resetQurey"> </a-button>
@ -131,7 +131,7 @@ export default {
{
title: '订单创建时间',
dataIndex: 'createtime',
width:'160px',
// width:'160px',
// align:'center'
},
{
@ -152,7 +152,7 @@ export default {
{
title: '被授权方/买方',
dataIndex: 'buy_username',
width:'130px',
// width:'130px',
// align:'center'
},
// {
@ -163,19 +163,19 @@ export default {
// },
{
title: '交易方式',
width:'90px',
// width:'90px',
dataIndex: 'entrust_type',
// align:'center'
},
{
title: '交易总额',
dataIndex: 'total_money',
width:'90px',
// width:'90px',
// align:'center'
},
{
title: '操作',
width:'170px',
// width:'170px',
scopedSlots: { customRender: 'operation' },
// align:'center'
},

4
src/router/index.js

@ -19,13 +19,13 @@ export default new Router({
path: '/Home',
name:'Home',
component: () => import(/* webpackChunkName: "dashboard" */ '../components/page/Home/index.vue'),
meta: { title: '系统首页',level: 1 }
meta: { title: '系统首页' }
},
{
path: '/DataQuery',
name:'DataQuery',
component: () => import(/* webpackChunkName: "dashboard" */ '../components/page/classification/DataQuery.vue'),
meta: { title: '全部文化数据查询',level: 2 }
meta: { title: '全部文化数据查询'}
},
{
path: '/Category',

Loading…
Cancel
Save