|
|
|
|
@ -1,6 +1,6 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div style="padding: 0 20px;" ref="contractList">
|
|
|
|
|
<lx-header icon="md-apps" text="合同列表" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
|
|
|
|
|
<div ref="contractList" style="padding: 0 20px;">
|
|
|
|
|
<lx-header icon="md-apps" style="margin-bottom: 10px; border: 0px; margin-top: 15px" text="合同列表">
|
|
|
|
|
<div slot="content"></div>
|
|
|
|
|
<slot>
|
|
|
|
|
<div class="selects">
|
|
|
|
|
@ -14,7 +14,8 @@
|
|
|
|
|
<div>
|
|
|
|
|
<span style="padding: 0 6px;word-break: keep-all;">创建日期</span>
|
|
|
|
|
<span>
|
|
|
|
|
<DatePicker v-model="select.showDatePicker" clearable placeholder="请选择日期" type="daterange" placement="bottom-start" style="width: 200px" @on-change="datePick"></DatePicker>
|
|
|
|
|
<DatePicker v-model="select.showDatePicker" clearable placeholder="请选择日期" placement="bottom-start"
|
|
|
|
|
style="width: 200px" type="daterange" @on-change="datePick"></DatePicker>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@ -22,8 +23,8 @@
|
|
|
|
|
<span style="padding: 0 6px;word-break: keep-all;">
|
|
|
|
|
项目类型
|
|
|
|
|
</span>
|
|
|
|
|
<Select placeholder="请选择项目类型" v-model="select.type" style="width:140px;" clearable>
|
|
|
|
|
<Option v-for="item in type" :value="item.value" :key="item.value">{{ item.label }}</Option>
|
|
|
|
|
<Select v-model="select.type" clearable placeholder="请选择项目类型" style="width:140px;">
|
|
|
|
|
<Option v-for="item in type" :key="item.value" :value="item.value">{{ item.label }}</Option>
|
|
|
|
|
</Select>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@ -31,8 +32,8 @@
|
|
|
|
|
<span style="padding: 0 6px;word-break: keep-all;">
|
|
|
|
|
业务科室
|
|
|
|
|
</span>
|
|
|
|
|
<el-select placeholder="业务科室选择" clearable size="small" v-model="select.department" style="width: 160px;">
|
|
|
|
|
<el-option v-for="item in departments" :label="item.name" :value="item.id" :key="item.id">
|
|
|
|
|
<el-select v-model="select.department" clearable placeholder="业务科室选择" size="small" style="width: 160px;">
|
|
|
|
|
<el-option v-for="item in departments" :key="item.id" :label="item.name" :value="item.id">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</div>
|
|
|
|
|
@ -41,8 +42,8 @@
|
|
|
|
|
<span style="padding: 0 6px;word-break: keep-all;">
|
|
|
|
|
采购形式
|
|
|
|
|
</span>
|
|
|
|
|
<Select clearable placeholder="请选择采购形式" v-model="select.purchaseModality" style="width:200px;">
|
|
|
|
|
<Option v-for="item in purchaseType" :value="item.id" :key="item.id">{{ item.value }}</Option>
|
|
|
|
|
<Select v-model="select.purchaseModality" clearable placeholder="请选择采购形式" style="width:200px;">
|
|
|
|
|
<Option v-for="item in purchaseType" :key="item.id" :value="item.id">{{ item.value }}</Option>
|
|
|
|
|
</Select>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@ -50,8 +51,8 @@
|
|
|
|
|
<span style="padding: 0 6px;word-break: keep-all;">
|
|
|
|
|
采购方式
|
|
|
|
|
</span>
|
|
|
|
|
<Select clearable placeholder="请选择采购方式" v-model="select.purchaseMethods" style="width:200px;">
|
|
|
|
|
<Option v-for="item in purchaseWay" :value="item.id" :key="item.id">{{ item.value }}</Option>
|
|
|
|
|
<Select v-model="select.purchaseMethods" clearable placeholder="请选择采购方式" style="width:200px;">
|
|
|
|
|
<Option v-for="item in purchaseWay" :key="item.id" :value="item.id">{{ item.value }}</Option>
|
|
|
|
|
</Select>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@ -60,82 +61,100 @@
|
|
|
|
|
预算金额
|
|
|
|
|
</span>
|
|
|
|
|
<InputNumber
|
|
|
|
|
style="width: 100px;"
|
|
|
|
|
placeholder="最小金额"
|
|
|
|
|
v-model="select.priceMin"
|
|
|
|
|
:min="0"
|
|
|
|
|
v-model="select.priceMin"/>
|
|
|
|
|
placeholder="最小金额"
|
|
|
|
|
style="width: 100px;"/>
|
|
|
|
|
<span style="padding: 0 5px;">-</span>
|
|
|
|
|
<InputNumber
|
|
|
|
|
style="width: 100px;"
|
|
|
|
|
placeholder="最大金额"
|
|
|
|
|
v-model="select.priceMax"
|
|
|
|
|
:min="0"
|
|
|
|
|
v-model="select.priceMax"/>
|
|
|
|
|
placeholder="最大金额"
|
|
|
|
|
style="width: 100px;"/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<span style="padding: 0 6px;word-break: keep-all;">
|
|
|
|
|
状态
|
|
|
|
|
</span>
|
|
|
|
|
<Select clearable placeholder="请选择合同状态" v-model="select.status" style="width:200px;">
|
|
|
|
|
<Option v-for="item in [{label:'待签订',value:1},{label:'已签订',value:2}]" :value="item.value" :key="item.value">{{ item.label }}</Option>
|
|
|
|
|
<Select v-model="select.status" clearable placeholder="请选择合同状态" style="width:200px;">
|
|
|
|
|
<Option v-for="item in [{label:'待签订',value:1},{label:'已签订',value:2}]" :key="item.value"
|
|
|
|
|
:value="item.value">{{ item.label }}
|
|
|
|
|
</Option>
|
|
|
|
|
</Select>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<Button type="primary" style="margin-left: 10px" @click="isShowAdd = true">新增</Button>
|
|
|
|
|
<Button type="primary" style="margin-left: 10px" @click="getContracts">查询</Button>
|
|
|
|
|
<Button type="primary" style="margin-left: 10px" ghost
|
|
|
|
|
@click=" select = {showDatePicker:'',ageIndex:1,startDate:'',endDate:'',type:'',department:'',purchaseModality:'',purchaseMethods:'',priceMin:null,priceMax:null,status:''}">重置</Button>
|
|
|
|
|
<Button style="margin-left: 10px" type="primary" @click="isShowAdd = true">新增</Button>
|
|
|
|
|
<Button style="margin-left: 10px" type="primary" @click="getContracts">查询</Button>
|
|
|
|
|
<Button ghost style="margin-left: 10px" type="primary"
|
|
|
|
|
@click=" select = {showDatePicker:'',ageIndex:1,startDate:'',endDate:'',type:'',department:'',purchaseModality:'',purchaseMethods:'',priceMin:null,priceMax:null,status:''}">
|
|
|
|
|
重置
|
|
|
|
|
</Button>
|
|
|
|
|
<!-- <Button type="primary" style="margin-left: 10px">导出</Button>-->
|
|
|
|
|
</div>
|
|
|
|
|
</slot>
|
|
|
|
|
</lx-header>
|
|
|
|
|
|
|
|
|
|
<xy-table ref="xyTable" :table-item="table" :list="list" @editor="" @delete="(row)=>deleteContract(row.id)" @cellClick="showPaymentPlan" :cell-style="cellStyle" :show-summary="true" :summary-method="summary">
|
|
|
|
|
<xy-table ref="xyTable" :cell-style="cellStyle" :list="list" :show-summary="true" :summary-method="summary"
|
|
|
|
|
:table-item="table" @cellClick="showPaymentPlan" @delete="(row)=>deleteContract(row.id)" @editor="">
|
|
|
|
|
<template v-slot:btns>
|
|
|
|
|
<el-table-column label="操作" fixed="right" width="200" header-align="center">
|
|
|
|
|
<el-table-column fixed="right" header-align="center" label="操作" width="200">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<div class="slot-btns">
|
|
|
|
|
<template v-if="scope.row.status === 2">
|
|
|
|
|
<Button class="slot-btns-item" type="primary" size="small" @click="$refs['paymentRegistration'].getContract(scope.row),$refs['paymentRegistration'].isShowPaymentRegistration = true">付款登记</Button>
|
|
|
|
|
<Button class="slot-btns-item" size="small" type="primary"
|
|
|
|
|
@click="$refs['paymentRegistration'].getContract(scope.row),$refs['paymentRegistration'].isShowPaymentRegistration = true">
|
|
|
|
|
付款登记
|
|
|
|
|
</Button>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-if="scope.row.status === 1 && scope.row.join_status === 3">
|
|
|
|
|
<Button class="slot-btns-item" type="primary" size="small" @click="$refs['contractSign'].isShow = true,$refs['contractSign'].contractId = scope.row.id">签订合同</Button>
|
|
|
|
|
<Button class="slot-btns-item" size="small" type="primary"
|
|
|
|
|
@click="$refs['contractSign'].isShow = true,$refs['contractSign'].contractId = scope.row.id">
|
|
|
|
|
签订合同
|
|
|
|
|
</Button>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-if="scope.row.invite_status === 1 && scope.row.purchase_status === 3">
|
|
|
|
|
<Button class="slot-btns-item" type="primary" size="small" @click="bidding(scope.row)">招标审查</Button>
|
|
|
|
|
<template v-if="scope.row.invite_status === 1 && scope.row.purchase_status === 3 && scope.row.purchase_way.remark === 'true'">
|
|
|
|
|
<Button class="slot-btns-item" size="small" type="primary" @click="bidding(scope.row)">招标审查</Button>
|
|
|
|
|
</template>
|
|
|
|
|
<!-- <Button class="slot-btns-item" type="primary" size="small">附件管理</Button>-->
|
|
|
|
|
<template v-if="scope.row.req_status === 1 && scope.row.is_plan === 0">
|
|
|
|
|
<Button class="slot-btns-item" type="primary" size="small" @click="askProcess(scope.row)">请示流程</Button>
|
|
|
|
|
<Button class="slot-btns-item" size="small" type="primary" @click="askProcess(scope.row)">请示流程</Button>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-if="scope.row.join_status === 1 && scope.row.invite_status === 3">
|
|
|
|
|
<Button class="slot-btns-item" type="primary" size="small" @click="signProcess(scope.row)">合同会签</Button>
|
|
|
|
|
<template v-if="(scope.row.join_status === 1 && ((scope.row.invite_status === 3)||(scope.row.purchase_way.remark === 'false' && scope.row.purchase_status === 3))) ">
|
|
|
|
|
<Button class="slot-btns-item" size="small" type="primary" @click="signProcess(scope.row)">合同会签</Button>
|
|
|
|
|
</template>
|
|
|
|
|
<template
|
|
|
|
|
v-if="scope.row.purchase_status === 1 && ((scope.row.req_status === 3 && scope.row.is_plan === 0)||scope.row.is_plan === 1)">
|
|
|
|
|
<Button class="slot-btns-item" type="primary" size="small" @click="buyProcess(scope.row)">采购流程</Button>
|
|
|
|
|
<Button class="slot-btns-item" size="small" type="primary" @click="buyProcess(scope.row)">采购流程</Button>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<Poptip transfer placement="bottom">
|
|
|
|
|
<Button type="primary" size="small" ghost>更多</Button>
|
|
|
|
|
<Poptip trigger="hover" placement="bottom" transfer>
|
|
|
|
|
<Button ghost size="small" type="primary">更多</Button>
|
|
|
|
|
<div slot="content">
|
|
|
|
|
<template v-if="!(scope.row.req_status != 1 || scope.row.join_status != 1 || scope.row.invite_status != 1 || scope.row.purchase_status != 1 || scope.row.status === 2)">
|
|
|
|
|
<template
|
|
|
|
|
v-if="!(scope.row.req_status != 1 || scope.row.join_status != 1 || scope.row.invite_status != 1 || scope.row.purchase_status != 1 || scope.row.status === 2)">
|
|
|
|
|
<Poptip
|
|
|
|
|
placement="bottom"
|
|
|
|
|
:transfer="true"
|
|
|
|
|
confirm
|
|
|
|
|
placement="bottom"
|
|
|
|
|
title="确认要删除吗"
|
|
|
|
|
@on-ok="()=>deleteContract(scope.row.id)">
|
|
|
|
|
<i-button
|
|
|
|
|
class="slot-btns-item"
|
|
|
|
|
type="error"
|
|
|
|
|
ghost
|
|
|
|
|
size="small"
|
|
|
|
|
ghost>删除</i-button>
|
|
|
|
|
type="error">删除
|
|
|
|
|
</i-button>
|
|
|
|
|
</Poptip>
|
|
|
|
|
</template>
|
|
|
|
|
<Button class="slot-btns-item" type="primary" size="small" @click="$refs['detailContract'].getDetail(scope.row.id),$refs['detailContract'].isShowDetail = true">查看</Button>
|
|
|
|
|
<Button class="slot-btns-item" size="small" type="primary"
|
|
|
|
|
@click="$refs['detailContract'].getDetail(scope.row.id),$refs['detailContract'].isShowDetail = true">
|
|
|
|
|
查看
|
|
|
|
|
</Button>
|
|
|
|
|
<template v-if="scope.row.status != 2">
|
|
|
|
|
<Button class="slot-btns-item" type="primary" size="small" @click="$refs['editor'].isShowEditor = true,$refs['editor'].getDetail(scope.row.id)">编辑</Button>
|
|
|
|
|
<Button class="slot-btns-item" size="small" type="primary"
|
|
|
|
|
@click="$refs['editor'].isShowEditor = true,$refs['editor'].getDetail(scope.row.id)">编辑
|
|
|
|
|
</Button>
|
|
|
|
|
</template>
|
|
|
|
|
</div>
|
|
|
|
|
</Poptip>
|
|
|
|
|
@ -150,14 +169,15 @@
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 新增合同 -->
|
|
|
|
|
<xy-dialog :is-show.sync="isShowAdd" title="新增合同" type="form" :form="form" :rules="rules" @submit="submit" ref="addContract">
|
|
|
|
|
<xy-dialog ref="addContract" :form="form" :is-show.sync="isShowAdd" :rules="rules" title="新增合同" type="form"
|
|
|
|
|
@submit="submit">
|
|
|
|
|
<template v-slot:name>
|
|
|
|
|
<div class="xy-table-item">
|
|
|
|
|
<div class="xy-table-item-label">
|
|
|
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>项目名称
|
|
|
|
|
</div>
|
|
|
|
|
<div class="xy-table-item-content">
|
|
|
|
|
<el-input placeholder="请填写项目名称" v-model="form.name" style="width: 300px;"/>
|
|
|
|
|
<el-input v-model="form.name" placeholder="请填写项目名称" style="width: 300px;"/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
@ -167,7 +187,7 @@
|
|
|
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>项目类型
|
|
|
|
|
</div>
|
|
|
|
|
<div class="xy-table-item-content">
|
|
|
|
|
<el-select placeholder="请选择项目类型" v-model="form.type" style="width: 300px;">
|
|
|
|
|
<el-select v-model="form.type" placeholder="请选择项目类型" style="width: 300px;">
|
|
|
|
|
<el-option v-for="item in type" :label="item.label" :value="item.value"></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</div>
|
|
|
|
|
@ -179,7 +199,7 @@
|
|
|
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>采购形式
|
|
|
|
|
</div>
|
|
|
|
|
<div class="xy-table-item-content">
|
|
|
|
|
<el-select placeholder="请选择采购形式" v-model="form.methods" style="width: 300px;">
|
|
|
|
|
<el-select v-model="form.methods" placeholder="请选择采购形式" style="width: 300px;">
|
|
|
|
|
<el-option v-for="item in purchaseType" :label="item.value" :value="item.id"></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</div>
|
|
|
|
|
@ -191,7 +211,7 @@
|
|
|
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>采购类型
|
|
|
|
|
</div>
|
|
|
|
|
<div class="xy-table-item-content">
|
|
|
|
|
<el-select placeholder="请选择采购类型" v-model="form.modality" style="width: 300px;">
|
|
|
|
|
<el-select v-model="form.modality" placeholder="请选择采购类型" style="width: 300px;">
|
|
|
|
|
<el-option v-for="item in purchaseWay" :label="item.value" :value="item.id"></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</div>
|
|
|
|
|
@ -203,7 +223,7 @@
|
|
|
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>合同预算价
|
|
|
|
|
</div>
|
|
|
|
|
<div class="xy-table-item-content xy-table-item-price">
|
|
|
|
|
<el-input placeholder="请填写合同预算价" v-model="form.price" style="width: 300px;"/>
|
|
|
|
|
<el-input v-model="form.price" placeholder="请填写合同预算价" style="width: 300px;"/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
@ -213,8 +233,8 @@
|
|
|
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>资金渠道
|
|
|
|
|
</div>
|
|
|
|
|
<div class="xy-table-item-content">
|
|
|
|
|
<el-select multiple placeholder="请选择资金渠道" v-model="form.fundingChannels" style="width: 300px;">
|
|
|
|
|
<el-option v-for="item in moneyWay" :value="item.id" :label="item.value"></el-option>
|
|
|
|
|
<el-select v-model="form.fundingChannels" multiple placeholder="请选择资金渠道" style="width: 300px;">
|
|
|
|
|
<el-option v-for="item in moneyWay" :label="item.value" :value="item.id"></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -251,13 +271,14 @@
|
|
|
|
|
</xy-dialog>
|
|
|
|
|
|
|
|
|
|
<!-- 新增表 预算计划 -->
|
|
|
|
|
<xy-dialog :is-show.sync="isShowPlan" title="预算计划" :width="640" @on-ok="planSelect">
|
|
|
|
|
<xy-dialog :is-show.sync="isShowPlan" :width="640" title="预算计划" @on-ok="planSelect">
|
|
|
|
|
<template v-slot:normalContent>
|
|
|
|
|
<Input v-model="planSearch" search enter-button="搜 索" placeholder="搜索预算计划.." @on-search="getBudgets"/>
|
|
|
|
|
<Input v-model="planSearch" enter-button="搜 索" placeholder="搜索预算计划.." search @on-search="getBudgets"/>
|
|
|
|
|
|
|
|
|
|
<xy-table :list="plans" :show-index="false" :table-item="planTable" :height="300" style="margin-top: 10px;" ref="planTable" @select="selectPlan">
|
|
|
|
|
<xy-table ref="planTable" :height="300" :list="plans" :show-index="false" :table-item="planTable"
|
|
|
|
|
style="margin-top: 10px;" @select="selectPlan">
|
|
|
|
|
<template v-slot:btns>
|
|
|
|
|
<el-table-column label="使用金额" header-align="center">
|
|
|
|
|
<el-table-column header-align="center" label="使用金额">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<Input :value="scope.row.useMoney" @input="planInput($event,scope.row)"/>
|
|
|
|
|
</template>
|
|
|
|
|
@ -276,7 +297,8 @@
|
|
|
|
|
</xy-dialog>
|
|
|
|
|
|
|
|
|
|
<!-- 编辑-->
|
|
|
|
|
<editor :is-show-editor.sync="isShowEditor" :purchase-type="purchaseType" :purchase-way="purchaseWay" :money-way="moneyWay" ref="editor" @success="getContracts"></editor>
|
|
|
|
|
<editor ref="editor" :is-show-editor.sync="isShowEditor" :money-way="moneyWay"
|
|
|
|
|
:purchase-type="purchaseType" :purchase-way="purchaseWay" @success="getContracts"></editor>
|
|
|
|
|
|
|
|
|
|
<!-- 查看-->
|
|
|
|
|
<detail ref="detailContract"></detail>
|
|
|
|
|
@ -446,6 +468,9 @@ export default {
|
|
|
|
|
width: 145,
|
|
|
|
|
prop: 'invite_status',
|
|
|
|
|
formatter: (cell, data, value) => {
|
|
|
|
|
if(cell.purchase_way.remark === 'false'){
|
|
|
|
|
return '无'
|
|
|
|
|
}
|
|
|
|
|
switch (value) {
|
|
|
|
|
case 1:
|
|
|
|
|
return "待申请"
|
|
|
|
|
@ -781,6 +806,9 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (column.property === 'invite_status') {
|
|
|
|
|
if(row.purchase_way.remark === 'false'){
|
|
|
|
|
return {'color': 'rgb(140,140,140)'}
|
|
|
|
|
}
|
|
|
|
|
switch (row.invite_status) {
|
|
|
|
|
case 1:
|
|
|
|
|
return {'color': 'rgb(96,109,241)'}
|
|
|
|
|
@ -1074,7 +1102,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.selects {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
@ -1083,6 +1111,7 @@ export default {
|
|
|
|
|
margin-bottom: 6px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.selectTop {
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
}
|
|
|
|
|
@ -1097,6 +1126,7 @@ export default {
|
|
|
|
|
align-content: center;
|
|
|
|
|
|
|
|
|
|
padding: 0 8px;
|
|
|
|
|
|
|
|
|
|
&-no-plan {
|
|
|
|
|
height: 30px;
|
|
|
|
|
line-height: 30px;
|
|
|
|
|
@ -1105,7 +1135,6 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.slot-btns {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
@ -1120,8 +1149,10 @@ export default {
|
|
|
|
|
.xy-table-item-label {
|
|
|
|
|
width: 140px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.xy-table-item-price {
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
&::after {
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 0;
|
|
|
|
|
|