|
@@ -332,7 +332,7 @@
|
|
|
</div>
|
|
|
</el-form>
|
|
|
</el-tab-pane>
|
|
|
- <el-tab-pane id="evaluteObject" name="evaluate" class="pane-class" :lazy=true>
|
|
|
+ <el-tab-pane name="evaluate" class="pane-class" :lazy=true>
|
|
|
<span slot="label"><i class="el-icon-office-building"></i> 评估对象</span>
|
|
|
<el-form ref="targetForm" :model="target">
|
|
|
<div class="createMajor-main-container">
|
|
@@ -348,15 +348,30 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<el-row class="row-style">
|
|
|
- <el-col :xs="24" :sm="12" :lg="2" :span="6">
|
|
|
- <el-form-item label="线上计算:" prop="acreage" label-width="140px" class="postInfo-container-item">
|
|
|
- <el-switch v-model="target.isOnline" active-color="#13ce66" inactive-color="#ff4949" readonly
|
|
|
- disabled></el-switch>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
+ <el-form-item label="流程:" prop="acreage" label-width="140px" class="postInfo-container-item" >
|
|
|
+ <el-switch :value="target.isOnline" disabled style="margin-bottom: 5px;" active-text="线上" inactive-text="线下"
|
|
|
+ >
|
|
|
+ </el-switch>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="row-style">
|
|
|
+ <el-col :xs="12" :sm="12" :lg="18" :span="6">
|
|
|
+ <el-form-item label="项目名称:" prop="location" label-width="140px" class="postInfo-container-item">
|
|
|
+ <el-input :value="personal.location" disabled readonly class="filter-item" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="12" :sm="12" :lg="20" :span="6">
|
|
|
- <el-form-item label="坐落:" prop="location" label-width="140px" class="postInfo-container-item">
|
|
|
- <el-input :value="target.location" class="filter-item" disabled readonly style=" width: 100%" />
|
|
|
+ </el-row>
|
|
|
+ <el-row class="row-style">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
+ <el-form-item label="委托方1:" prop="bailorA" label-width="140px" class="postInfo-container-item">
|
|
|
+ <el-input :value="personal.bailorA" disabled readonly class="filter-item" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
+ <el-form-item label="委托方2:" prop="bailorB" label-width="140px" class="postInfo-container-item">
|
|
|
+ <el-input :value="personal.bailorB" disabled readonly class="filter-item" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -364,32 +379,42 @@
|
|
|
<el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
<el-form-item label="评估面积(平):" prop="acreage" label-width="140px"
|
|
|
:rules="{ required: true, message: '评估面积不能为空', trigger: 'blur' }" class="postInfo-container-item">
|
|
|
- <el-input-number v-model="target.acreage" size="medium" controls-position="right" :min="0" :step="0.1"
|
|
|
- :max="10000"></el-input-number>
|
|
|
+ <el-input :value="target.acreage" disabled readonly
|
|
|
+ style="width: 100%;">
|
|
|
+ <template slot="append">
|
|
|
+ <span>元</span>
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
<el-form-item label="评估单价(元):" prop="price" label-width="140px"
|
|
|
:rules="{ required: true, message: '评估单价不能为空', trigger: 'blur' }" class="postInfo-container-item">
|
|
|
- <el-input-number v-model="target.price" size="medium" controls-position="right"
|
|
|
- :min="0"></el-input-number>
|
|
|
+ <el-input :value="target.price" disabled readonly
|
|
|
+ style="width: 100%;">
|
|
|
+ <template slot="append">
|
|
|
+ <span>元</span>
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
<el-form-item label="评估总价(元):" prop="amount" label-width="140px"
|
|
|
:rules="{ required: true, message: '评估总价不能为空', trigger: 'blur' }" class="postInfo-container-item">
|
|
|
- <el-input-number v-model="target.amount" size="medium" controls-position="right"
|
|
|
- :min="0"></el-input-number>
|
|
|
+ <el-input :value="target.amount" disabled readonly
|
|
|
+ style="width: 100%;">
|
|
|
+ <template slot="append">
|
|
|
+ <span>元</span>
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
- <el-button v-show="!target.isOnline" type="text" @click="savePrice()"
|
|
|
- v-if="currentNode.nodeCode === 'DETERMINE_PRICE'">保存价格</el-button>
|
|
|
- </el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
- <el-form ref="compareToForm" :model="compareList" v-if="target.isOnline">
|
|
|
- <div class="createMajor-main-container">
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane name="comparable" class="pane-class" :lazy=true>
|
|
|
+ <span slot="label"><i class="el-icon-office-building"></i> 可比实例</span>
|
|
|
+ <div class="createMajor-main-container">
|
|
|
<div class="postInfo-container">
|
|
|
<div>
|
|
|
<el-divider content-position="left">
|
|
@@ -400,274 +425,264 @@
|
|
|
</el-divider>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <el-card class="box-card">
|
|
|
- <el-row class="row-style">
|
|
|
- <el-col :xs="24" :sm="12" :lg="5" :span="6">
|
|
|
- <el-form-item label="修正系数:" prop="fixValue" label-width="120px"
|
|
|
- :rules="{ required: true, message: '修正系数不能为空', trigger: 'blur' }" class="postInfo-container-item">
|
|
|
- <el-input-number v-model="compareList.fixValue" :step="0.1" :min="1" size="medium"
|
|
|
+ <el-form ref="compareToForm" :model="compareList" v-if="target.isOnline">
|
|
|
+ <el-row class="row-style">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="4" :span="6">
|
|
|
+ <el-form-item label="修正系数:" prop="fixValue" label-width="120px"
|
|
|
+ :rules="{ required: true, message: '修正系数不能为空', trigger: 'blur' }" class="postInfo-container-item">
|
|
|
+ <el-input-number v-model="compareList.fixValue" :step="0.1" :min="1" size="medium" style="width: 100%;"
|
|
|
+ controls-position="right"></el-input-number>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="4" :span="6">
|
|
|
+ <el-form-item label="是否划拨:" prop="rightsType" label-width="120px"
|
|
|
+ :rules="{ required: true, message: '是否划拨不能为空', trigger: 'blur' }" class="postInfo-container-item">
|
|
|
+ <el-select v-model="compareList.rightsType" placeholder="请选择" @change="selectRightsType()">
|
|
|
+ <el-option label="划拨" value="ALLOT">划拨</el-option>
|
|
|
+ <el-option label="出让" value="SELL">出让</el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="4" :span="6" v-show="compareList.rightsType === 'ALLOT'">
|
|
|
+ <el-form-item label="环线位置:" prop="rollingLevel" label-width="120px"
|
|
|
+ :rules="{ required: compareList.rightsType === 'ALLOT', message: '是否划拨不能为空', trigger: 'blur' }"
|
|
|
+ class="postInfo-container-item">
|
|
|
+ <el-select v-model="compareList.rollingLevel" placeholder="请选择" @change="selectRoll()">
|
|
|
+ <el-option label="二环内" :value=1>二环内</el-option>
|
|
|
+ <el-option label="二至三环" :value=2>二至三环</el-option>
|
|
|
+ <el-option label="三环外" :value=3>三环外</el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="4" :span="6">
|
|
|
+ <el-form-item label="计算方式:" prop="calculateType" label-width="120px"
|
|
|
+ :rules="{ required: true, message: '计算方式不能为空', trigger: 'blur' }" class="postInfo-container-item">
|
|
|
+ <el-select v-model="compareList.calculateType" clearable placeholder="请选择"
|
|
|
+ @change="selectCalculateType()">
|
|
|
+ <el-option label="简单算术平均" value="SIMPLE">简单算术平均</el-option>
|
|
|
+ <el-option label="加权算术平均" value="WEIGHT">加权算术平均</el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-table v-loading="calculating" element-loading-text="正在计算..." element-loading-spinner="el-icon-loading"
|
|
|
+ element-loading-background="rgba(144, 147, 153, 0.5)" :data="compareList.analysisData" border="border"
|
|
|
+ stripe :header-cell-style="{ color: '#333333' }" style="
|
|
|
+ border-left: 1px solid #ebeced;
|
|
|
+ border-right: 1px solid #ebeced;
|
|
|
+ color: #333333; font-size: 16px;">
|
|
|
+ <el-table-column prop="index" label="指标" width="180" align="center">
|
|
|
+ <template scope="scope">
|
|
|
+ <span v-if="requiredIndex.includes(scope.row.index)" style="color:red">* </span>
|
|
|
+ <span>{{ scope.row.index }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="compareA" label="实例A" align="center">
|
|
|
+ <template scope="scope" style="float:right">
|
|
|
+ <div v-if="needWeight.includes(scope.row.index)">
|
|
|
+ <el-input style="width:60%" v-model="scope.row.compareA.valueA" />
|
|
|
+ <el-input-number v-model="scope.row.compareA.weight" :max="150" :min="1" size="small"
|
|
|
+ controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '市场状况'">
|
|
|
+ <el-date-picker v-model="scope.row.compareA.valueA" type="month" style="width:60%" placeholder="选择月">
|
|
|
+ </el-date-picker>
|
|
|
+ <el-input-number v-model="scope.row.compareA.weight" :max="150" :min="1" size="small"
|
|
|
+ controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '楼层/总楼层'">
|
|
|
+ <el-input style="width:26%" v-model="scope.row.compareA.valueA" />
|
|
|
+ <span style="margin-left:2%;margin-right:2%">/</span>
|
|
|
+ <el-input style="width:26%" v-model="scope.row.compareA.valueB" />
|
|
|
+ <el-input-number v-model="scope.row.compareA.weight" :min="1" :max="150" size="small"
|
|
|
+ controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '修正后价格'">
|
|
|
+ <span v-if="scope.row.compareA.valueA"
|
|
|
+ style="color:RGB(144,147,153);font-weight:bold;font-size:20px">¥{{ parseFloat(scope.row.compareA.valueA).toLocaleString() }}</span>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '权重'">
|
|
|
+ <el-input-number v-if="compareList.calculateType === 'WEIGHT'" v-model="scope.row.compareA.valueA"
|
|
|
+ style="width:100%;" :min="0" :max="1" size="small" :step="0.1"
|
|
|
+ controls-position="right"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '总价(元)'">
|
|
|
+ <span v-if="scope.row.compareA.valueA"
|
|
|
+ style="color:RGB(144,147,153);font-weight:bold;font-size:16px">¥{{ parseFloat(scope.row.compareA.valueA).toLocaleString() }}</span>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '单价(元)'">
|
|
|
+ <el-input-number v-model="scope.row.compareA.valueA" style="width:100%;" :min="0" size="small"
|
|
|
controls-position="right"></el-input-number>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="5" :span="6">
|
|
|
- <el-form-item label="是否划拨:" prop="rightsType" label-width="120px"
|
|
|
- :rules="{ required: true, message: '是否划拨不能为空', trigger: 'blur' }" class="postInfo-container-item">
|
|
|
- <el-select v-model="compareList.rightsType" placeholder="请选择" @change="selectRightsType()">
|
|
|
- <el-option label="划拨" value="ALLOT">划拨</el-option>
|
|
|
- <el-option label="出让" value="SELL">出让</el-option>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '室内装饰'">
|
|
|
+ <el-select v-model="scope.row.compareA.valueA" placeholder="请选择" style="width:60%">
|
|
|
+ <el-option label="精装" value="精装">精装</el-option>
|
|
|
+ <el-option label="中等装修" value="中等装修">中等装修</el-option>
|
|
|
+ <el-option label="简装" value="简装">简装</el-option>
|
|
|
+ <el-option label="清水" value="清水">清水</el-option>
|
|
|
</el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="5" :span="6" v-if="compareList.rightsType === 'ALLOT'">
|
|
|
- <el-form-item label="环线位置:" prop="rollingLevel" label-width="120px"
|
|
|
- :rules="{ required: compareList.rightsType === 'ALLOT', message: '是否划拨不能为空', trigger: 'blur' }"
|
|
|
- class="postInfo-container-item">
|
|
|
- <el-select v-model="compareList.rollingLevel" placeholder="请选择" @change="selectRoll()">
|
|
|
- <el-option label="二环内" :value=1>二环内</el-option>
|
|
|
- <el-option label="二至三环" :value=2>二至三环</el-option>
|
|
|
- <el-option label="三环外" :value=3>三环外</el-option>
|
|
|
+ <el-input-number v-model="scope.row.compareA.weight" :max="150" :min="1" size="small"
|
|
|
+ controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ <el-input style="width:100%" v-model="scope.row.compareA.valueA" />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="compareB" label="实例B" align="center">
|
|
|
+ <template scope="scope" style="float:right">
|
|
|
+ <div v-if="needWeight.includes(scope.row.index)">
|
|
|
+ <el-input style="width:60%" v-model="scope.row.compareB.valueA" />
|
|
|
+ <el-input-number v-model="scope.row.compareB.weight" :max="150" :min="1" size="small"
|
|
|
+ controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '市场状况'">
|
|
|
+ <el-date-picker v-model="scope.row.compareB.valueA" type="month" style="width:60%" placeholder="选择月">
|
|
|
+ </el-date-picker>
|
|
|
+ <el-input-number v-model="scope.row.compareB.weight" :max="150" :min="1" size="small"
|
|
|
+ controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '楼层/总楼层'">
|
|
|
+ <el-input style="width:26%" v-model="scope.row.compareB.valueA" />
|
|
|
+ <span style="margin-left:2%;margin-right:2%">/</span>
|
|
|
+ <el-input style="width:26%" v-model="scope.row.compareB.valueB" />
|
|
|
+ <el-input-number v-model="scope.row.compareB.weight" :min="1" :max="150" size="small"
|
|
|
+ controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '修正后价格'">
|
|
|
+ <span v-if="scope.row.compareB.valueA"
|
|
|
+ style="color:RGB(144,147,153);font-weight:bold;font-size:20px">¥{{ parseFloat(scope.row.compareB.valueA).toLocaleString() }}</span>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '权重'">
|
|
|
+ <el-input-number v-if="compareList.calculateType === 'WEIGHT'" v-model="scope.row.compareB.valueA"
|
|
|
+ style="width:100%;" :min="0" :max="1" size="small" :step="0.1"
|
|
|
+ controls-position="right"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '总价(元)'">
|
|
|
+ <span v-if="scope.row.compareB.valueA"
|
|
|
+ style="color:RGB(144,147,153);font-weight:bold;font-size:16px">¥{{ parseFloat(scope.row.compareB.valueA).toLocaleString() }}</span>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '单价(元)'">
|
|
|
+ <el-input-number v-model="scope.row.compareB.valueA" style="width:100%;" :min="0" size="small"
|
|
|
+ controls-position="right"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '室内装饰'">
|
|
|
+ <el-select v-model="scope.row.compareB.valueA" placeholder="请选择" style="width:60%">
|
|
|
+ <el-option label="精装" value="精装">精装</el-option>
|
|
|
+ <el-option label="中等装修" value="中等装修">中等装修</el-option>
|
|
|
+ <el-option label="简装" value="简装">简装</el-option>
|
|
|
+ <el-option label="清水" value="清水">清水</el-option>
|
|
|
</el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="5" :span="6">
|
|
|
- <el-form-item label="计算方式:" prop="calculateType" label-width="120px"
|
|
|
- :rules="{ required: true, message: '计算方式不能为空', trigger: 'blur' }" class="postInfo-container-item">
|
|
|
- <el-select v-model="compareList.calculateType" clearable placeholder="请选择"
|
|
|
- @change="selectCalculateType()">
|
|
|
- <el-option label="简单算术平均" value="SIMPLE">简单算术平均</el-option>
|
|
|
- <el-option label="加权算术平均" value="WEIGHT">加权算术平均</el-option>
|
|
|
+ <el-input-number v-model="scope.row.compareB.weight" :max="150" :min="1" size="small"
|
|
|
+ controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ <el-input style="width:100%" v-model="scope.row.compareB.valueA" />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="compareC" label="实例C" align="center">
|
|
|
+ <template scope="scope" style="float:right">
|
|
|
+ <div v-if="needWeight.includes(scope.row.index)">
|
|
|
+ <el-input style="width:60%" v-model="scope.row.compareC.valueA" />
|
|
|
+ <el-input-number v-model="scope.row.compareC.weight" :max="150" :min="1" size="small"
|
|
|
+ controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '市场状况'">
|
|
|
+ <el-date-picker v-model="scope.row.compareC.valueA" type="month" style="width:60%" placeholder="选择月">
|
|
|
+ </el-date-picker>
|
|
|
+ <el-input-number v-model="scope.row.compareC.weight" :max="150" :min="1" size="small"
|
|
|
+ controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '楼层/总楼层'">
|
|
|
+ <el-input style="width:26%" v-model="scope.row.compareC.valueA" />
|
|
|
+ <span style="margin-left:2%;margin-right:2%">/</span>
|
|
|
+ <el-input style="width:26%" v-model="scope.row.compareC.valueB" />
|
|
|
+ <el-input-number v-model="scope.row.compareC.weight" :min="1" :max="150" size="small"
|
|
|
+ controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '修正后价格'">
|
|
|
+ <span v-if="scope.row.compareC.valueA"
|
|
|
+ style="color:RGB(144,147,153);font-weight:bold;font-size:20px">¥{{ parseFloat(scope.row.compareC.valueA).toLocaleString() }}</span>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '权重'">
|
|
|
+ <el-input-number v-if="compareList.calculateType === 'WEIGHT'" v-model="scope.row.compareC.valueA"
|
|
|
+ style="width:100%;" :min="0" :max="1" size="small" :step="0.1"
|
|
|
+ controls-position="right"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '总价(元)'">
|
|
|
+ <span v-if="scope.row.compareC.valueA"
|
|
|
+ style="color:RGB(144,147,153);font-weight:bold;font-size:16px">¥{{ parseFloat(scope.row.compareC.valueA).toLocaleString() }}</span>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '单价(元)'">
|
|
|
+ <el-input-number v-model="scope.row.compareC.valueA" style="width:100%;" :min="0" size="small"
|
|
|
+ controls-position="right"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '室内装饰'">
|
|
|
+ <el-select v-model="scope.row.compareC.valueA" placeholder="请选择" style="width:60%">
|
|
|
+ <el-option label="精装" value="精装">精装</el-option>
|
|
|
+ <el-option label="中等装修" value="中等装修">中等装修</el-option>
|
|
|
+ <el-option label="简装" value="简装">简装</el-option>
|
|
|
+ <el-option label="清水" value="清水">清水</el-option>
|
|
|
</el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-table v-loading="calculating" element-loading-text="正在计算..." element-loading-spinner="el-icon-loading"
|
|
|
- element-loading-background="rgba(144, 147, 153, 0.5)" :data="compareList.analysisData" border="border"
|
|
|
- stripe :header-cell-style="{ color: '#333333' }" style="
|
|
|
- border-left: 1px solid #ebeced;
|
|
|
- border-right: 1px solid #ebeced;
|
|
|
- color: #333333; font-size: 16px;">
|
|
|
- <el-table-column prop="index" label="指标" width="180" align="center">
|
|
|
- <template scope="scope">
|
|
|
- <span v-if="requiredIndex.includes(scope.row.index)" style="color:red">* </span>
|
|
|
- <span>{{ scope.row.index }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="compareA" label="实例A" align="center">
|
|
|
- <template scope="scope" style="float:right">
|
|
|
- <div v-if="needWeight.includes(scope.row.index)">
|
|
|
- <el-input style="width:60%" v-model="scope.row.compareA.valueA" />
|
|
|
- <el-input-number v-model="scope.row.compareA.weight" :max="150" :min="1" size="small"
|
|
|
- controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '市场状况'">
|
|
|
- <el-date-picker v-model="scope.row.compareA.valueA" type="month" style="width:60%"
|
|
|
- placeholder="选择月">
|
|
|
- </el-date-picker>
|
|
|
- <el-input-number v-model="scope.row.compareA.weight" :max="150" :min="1" size="small"
|
|
|
- controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '楼层/总楼层'">
|
|
|
- <el-input style="width:26%" v-model="scope.row.compareA.valueA" />
|
|
|
- <span style="margin-left:2%;margin-right:2%">/</span>
|
|
|
- <el-input style="width:26%" v-model="scope.row.compareA.valueB" />
|
|
|
- <el-input-number v-model="scope.row.compareA.weight" :min="1" :max="150" size="small"
|
|
|
- controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '修正后价格'">
|
|
|
- <span v-if="scope.row.compareA.valueA"
|
|
|
- style="color:RGB(144,147,153);font-weight:bold;font-size:20px">¥{{
|
|
|
- parseFloat(scope.row.compareA.valueA).toLocaleString() }}</span>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '权重'">
|
|
|
- <el-input-number v-if="compareList.calculateType === 'WEIGHT'" v-model="scope.row.compareA.valueA"
|
|
|
- style="width:100%;" :min="0" :max="1" size="small" :step="0.1"
|
|
|
- controls-position="right"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '总价(元)'">
|
|
|
- <span v-if="scope.row.compareA.valueA"
|
|
|
- style="color:RGB(144,147,153);font-weight:bold;font-size:16px">¥{{
|
|
|
- parseFloat(scope.row.compareA.valueA).toLocaleString() }}</span>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '单价(元)'">
|
|
|
- <el-input-number v-model="scope.row.compareA.valueA" style="width:100%;" :min="0" size="small"
|
|
|
- controls-position="right"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '室内装饰'">
|
|
|
- <el-select v-model="scope.row.compareA.valueA" placeholder="请选择" style="width:60%">
|
|
|
- <el-option label="精装" value="精装">精装</el-option>
|
|
|
- <el-option label="中等装修" value="中等装修">中等装修</el-option>
|
|
|
- <el-option label="简装" value="简装">简装</el-option>
|
|
|
- <el-option label="清水" value="清水">清水</el-option>
|
|
|
- </el-select>
|
|
|
- <el-input-number v-model="scope.row.compareA.weight" :max="150" :min="1" size="small"
|
|
|
- controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else>
|
|
|
- <el-input style="width:100%" v-model="scope.row.compareA.valueA" />
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="compareB" label="实例B" align="center">
|
|
|
- <template scope="scope" style="float:right">
|
|
|
- <div v-if="needWeight.includes(scope.row.index)">
|
|
|
- <el-input style="width:60%" v-model="scope.row.compareB.valueA" />
|
|
|
- <el-input-number v-model="scope.row.compareB.weight" :max="150" :min="1" size="small"
|
|
|
- controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '市场状况'">
|
|
|
- <el-date-picker v-model="scope.row.compareB.valueA" type="month" style="width:60%"
|
|
|
- placeholder="选择月">
|
|
|
- </el-date-picker>
|
|
|
- <el-input-number v-model="scope.row.compareB.weight" :max="150" :min="1" size="small"
|
|
|
- controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '楼层/总楼层'">
|
|
|
- <el-input style="width:26%" v-model="scope.row.compareB.valueA" />
|
|
|
- <span style="margin-left:2%;margin-right:2%">/</span>
|
|
|
- <el-input style="width:26%" v-model="scope.row.compareB.valueB" />
|
|
|
- <el-input-number v-model="scope.row.compareB.weight" :min="1" :max="150" size="small"
|
|
|
- controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '修正后价格'">
|
|
|
- <span v-if="scope.row.compareB.valueA"
|
|
|
- style="color:RGB(144,147,153);font-weight:bold;font-size:20px">¥{{
|
|
|
- parseFloat(scope.row.compareB.valueA).toLocaleString() }}</span>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '权重'">
|
|
|
- <el-input-number v-if="compareList.calculateType === 'WEIGHT'" v-model="scope.row.compareB.valueA"
|
|
|
- style="width:100%;" :min="0" :max="1" size="small" :step="0.1"
|
|
|
- controls-position="right"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '总价(元)'">
|
|
|
- <span v-if="scope.row.compareB.valueA"
|
|
|
- style="color:RGB(144,147,153);font-weight:bold;font-size:16px">¥{{
|
|
|
- parseFloat(scope.row.compareB.valueA).toLocaleString() }}</span>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '单价(元)'">
|
|
|
- <el-input-number v-model="scope.row.compareB.valueA" style="width:100%;" :min="0" size="small"
|
|
|
- controls-position="right"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '室内装饰'">
|
|
|
- <el-select v-model="scope.row.compareB.valueA" placeholder="请选择" style="width:60%">
|
|
|
- <el-option label="精装" value="精装">精装</el-option>
|
|
|
- <el-option label="中等装修" value="中等装修">中等装修</el-option>
|
|
|
- <el-option label="简装" value="简装">简装</el-option>
|
|
|
- <el-option label="清水" value="清水">清水</el-option>
|
|
|
- </el-select>
|
|
|
- <el-input-number v-model="scope.row.compareB.weight" :max="150" :min="1" size="small"
|
|
|
- controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else>
|
|
|
- <el-input style="width:100%" v-model="scope.row.compareB.valueA" />
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="compareC" label="实例C" align="center">
|
|
|
- <template scope="scope" style="float:right">
|
|
|
- <div v-if="needWeight.includes(scope.row.index)">
|
|
|
- <el-input style="width:60%" v-model="scope.row.compareC.valueA" />
|
|
|
- <el-input-number v-model="scope.row.compareC.weight" :max="150" :min="1" size="small"
|
|
|
- controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '市场状况'">
|
|
|
- <el-date-picker v-model="scope.row.compareC.valueA" type="month" style="width:60%"
|
|
|
- placeholder="选择月">
|
|
|
- </el-date-picker>
|
|
|
- <el-input-number v-model="scope.row.compareC.weight" :max="150" :min="1" size="small"
|
|
|
- controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '楼层/总楼层'">
|
|
|
- <el-input style="width:26%" v-model="scope.row.compareC.valueA" />
|
|
|
- <span style="margin-left:2%;margin-right:2%">/</span>
|
|
|
- <el-input style="width:26%" v-model="scope.row.compareC.valueB" />
|
|
|
- <el-input-number v-model="scope.row.compareC.weight" :min="1" :max="150" size="small"
|
|
|
- controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '修正后价格'">
|
|
|
- <span v-if="scope.row.compareC.valueA"
|
|
|
- style="color:RGB(144,147,153);font-weight:bold;font-size:20px">¥{{
|
|
|
- parseFloat(scope.row.compareC.valueA).toLocaleString() }}</span>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '权重'">
|
|
|
- <el-input-number v-if="compareList.calculateType === 'WEIGHT'" v-model="scope.row.compareC.valueA"
|
|
|
- style="width:100%;" :min="0" :max="1" size="small" :step="0.1"
|
|
|
- controls-position="right"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '总价(元)'">
|
|
|
- <span v-if="scope.row.compareC.valueA"
|
|
|
- style="color:RGB(144,147,153);font-weight:bold;font-size:16px">¥{{
|
|
|
- parseFloat(scope.row.compareC.valueA).toLocaleString() }}</span>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '单价(元)'">
|
|
|
- <el-input-number v-model="scope.row.compareC.valueA" style="width:100%;" :min="0" size="small"
|
|
|
- controls-position="right"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '室内装饰'">
|
|
|
- <el-select v-model="scope.row.compareC.valueA" placeholder="请选择" style="width:60%">
|
|
|
- <el-option label="精装" value="精装">精装</el-option>
|
|
|
- <el-option label="中等装修" value="中等装修">中等装修</el-option>
|
|
|
- <el-option label="简装" value="简装">简装</el-option>
|
|
|
- <el-option label="清水" value="清水">清水</el-option>
|
|
|
- </el-select>
|
|
|
- <el-input-number v-model="scope.row.compareC.weight" :max="150" :min="1" size="small"
|
|
|
- controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else>
|
|
|
- <el-input style="width:100%" v-model="scope.row.compareC.valueA" />
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="target" label="评估对象" align="center">
|
|
|
- <template scope="scope" style="float:right">
|
|
|
- <div v-if="needWeight.includes(scope.row.index)">
|
|
|
- <el-input style="width:60%" v-model="scope.row.target.valueA" />
|
|
|
- <el-input-number v-model="scope.row.target.weight" :min="1" size="small" controls-position="right"
|
|
|
- style="width:30%;margin-left:10%"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '市场状况'">
|
|
|
- <el-date-picker v-model="scope.row.target.valueA" type="month" style="width:60%" placeholder="选择月">
|
|
|
- </el-date-picker>
|
|
|
- <el-input-number v-model="scope.row.target.weight" :max="150" :min="1" size="small"
|
|
|
- controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '楼层/总楼层'">
|
|
|
- <el-input style="width:26%" v-model="scope.row.target.valueA" />
|
|
|
- <span style="margin-left:2%;margin-right:2%">/</span>
|
|
|
- <el-input style="width:26%" v-model="scope.row.target.valueB" />
|
|
|
- <el-input-number v-model="scope.row.target.weight" :max="150" :min="1" size="small"
|
|
|
- controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '修正后价格'">
|
|
|
- <span v-if="scope.row.target.valueA" style="color:red;font-weight:bold;font-size:20px">¥{{
|
|
|
- parseFloat(scope.row.target.valueA).toLocaleString() }}</span>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '权重'">
|
|
|
- <el-input-number v-if="false" v-model="scope.row.target.valueA" style="width:100%;" :min="0"
|
|
|
- :max="1" size="small" :step="0.1" controls-position="right"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '总价(元)' || scope.row.index === '单价(元)'">
|
|
|
- <span v-if="scope.row.target.valueA" style="color:red;font-weight:bold;font-size:16px">¥{{
|
|
|
- parseFloat(scope.row.target.valueA).toLocaleString() }}</span>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.index === '室内装饰'">
|
|
|
- <el-select v-model="scope.row.target.valueA" placeholder="请选择" style="width:60%">
|
|
|
- <el-option label="精装" value="精装">精装</el-option>
|
|
|
- <el-option label="中等装修" value="中等装修">中等装修</el-option>
|
|
|
- <el-option label="简装" value="简装">简装</el-option>
|
|
|
- <el-option label="清水" value="清水">清水</el-option>
|
|
|
- </el-select>
|
|
|
- <el-input-number v-model="scope.row.target.weight" :max="150" :min="1" size="small"
|
|
|
- controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
- </div>
|
|
|
- <div v-else>
|
|
|
- <el-input style="width:100%" v-model="scope.row.target.valueA" />
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </el-card>
|
|
|
+ <el-input-number v-model="scope.row.compareC.weight" :max="150" :min="1" size="small"
|
|
|
+ controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ <el-input style="width:100%" v-model="scope.row.compareC.valueA" />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="target" label="评估对象" align="center">
|
|
|
+ <template scope="scope" style="float:right">
|
|
|
+ <div v-if="needWeight.includes(scope.row.index)">
|
|
|
+ <el-input style="width:60%" v-model="scope.row.target.valueA" />
|
|
|
+ <el-input-number v-model="scope.row.target.weight" :min="1" size="small" controls-position="right"
|
|
|
+ style="width:30%;margin-left:10%"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '市场状况'">
|
|
|
+ <el-date-picker v-model="scope.row.target.valueA" type="month" style="width:60%" placeholder="选择月">
|
|
|
+ </el-date-picker>
|
|
|
+ <el-input-number v-model="scope.row.target.weight" :max="150" :min="1" size="small"
|
|
|
+ controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '楼层/总楼层'">
|
|
|
+ <el-input style="width:26%" v-model="scope.row.target.valueA" />
|
|
|
+ <span style="margin-left:2%;margin-right:2%">/</span>
|
|
|
+ <el-input style="width:26%" v-model="scope.row.target.valueB" />
|
|
|
+ <el-input-number v-model="scope.row.target.weight" :max="150" :min="1" size="small"
|
|
|
+ controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '修正后价格'">
|
|
|
+ <span v-if="scope.row.target.valueA"
|
|
|
+ style="color:red;font-weight:bold;font-size:20px">¥{{ parseFloat(scope.row.target.valueA).toLocaleString() }}</span>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '权重'">
|
|
|
+ <el-input-number v-if="false" v-model="scope.row.target.valueA" style="width:100%;" :min="0" :max="1"
|
|
|
+ size="small" :step="0.1" controls-position="right"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '总价(元)' || scope.row.index === '单价(元)'">
|
|
|
+ <span v-if="scope.row.target.valueA"
|
|
|
+ style="color:red;font-weight:bold;font-size:16px">¥{{ parseFloat(scope.row.target.valueA).toLocaleString() }}</span>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.index === '室内装饰'">
|
|
|
+ <el-select v-model="scope.row.target.valueA" placeholder="请选择" style="width:60%">
|
|
|
+ <el-option label="精装" value="精装">精装</el-option>
|
|
|
+ <el-option label="中等装修" value="中等装修">中等装修</el-option>
|
|
|
+ <el-option label="简装" value="简装">简装</el-option>
|
|
|
+ <el-option label="清水" value="清水">清水</el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-input-number v-model="scope.row.target.weight" :max="150" :min="1" size="small"
|
|
|
+ controls-position="right" style="width:30%;margin-left:10%"></el-input-number>
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ <el-input style="width:100%" v-model="scope.row.target.valueA" />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
</el-form>
|
|
|
+ </div>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane name="certificateInfo" class="pane-class" :lazy=true>
|
|
|
<span slot="label"><i class="el-icon-postcard"></i> 证件信息</span>
|
|
@@ -757,9 +772,6 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="display: flex;margin-top: 100px; width: 100%;">
|
|
|
- <!-- <div style="position:absolute;top:80px; left:6%">
|
|
|
- <el-button type="text">一键生成</el-button> <el-button type="text" @click="downloadPkg()">全部下载</el-button>
|
|
|
- </div> -->
|
|
|
<el-card :body-style="{ padding: '0px' }" shadow="always"
|
|
|
style="margin-left: 5%; margin-right: 5%; width: 20%;" v-if="hasStatement">
|
|
|
<img :src="statementCardPNG" class="image">
|
|
@@ -852,68 +864,6 @@
|
|
|
</el-table>
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
- <el-dialog :visible.sync="inWarehouseDialog" width="30%" center top="35vh" custom-class="doWarehouseClass">
|
|
|
- <div>
|
|
|
- <i class="el-icon-warning" style="color:RGB(230,162,60);font-size:22px;margin-right:10px;"></i>
|
|
|
- <span style="position:absolute;top:58px;padding-right:50px">{{ warehouseTip }}</span>
|
|
|
- </div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="inWarehouseDialog = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="doInWareHouse()">确 定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog :visible.sync="outWarehouseDialog" width="30%" center top="35vh" custom-class="doWarehouseClass">
|
|
|
- <div>
|
|
|
- <i class="el-icon-warning" style="color:RGB(230,162,60);font-size:22px;margin-right:10px;"></i>
|
|
|
- <span style="position:absolute;top:58px">{{ warehouseTip }}</span>
|
|
|
- </div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="outWarehouseDialog = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="doOutWareHouse()">确 定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog :visible.sync="checkDialog" width="50%" center top="25vh" custom-class="doWarehouseClass">
|
|
|
- <el-divider content-position="left">产品审核</el-divider>
|
|
|
- <el-form ref="targetForm" :model="target">
|
|
|
- <el-row>
|
|
|
- <el-col :xs="24" :sm="12" :lg="24" :span="6">
|
|
|
- <el-form-item label="坐落:" prop="location" label-width="140px" class="postInfo-container-item">
|
|
|
- <el-input :value="target.location" class="filter-item" disabled readonly style=" width: 100%" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :xs="24" :sm="12" :lg="8" :span="6">
|
|
|
- <el-form-item label="评估面积(平):" prop="acreage" label-width="140px" class="postInfo-container-item">
|
|
|
- <el-input v-model="target.acreage" disabled readonly></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="8" :span="6">
|
|
|
- <el-form-item label="评估单价(元):" prop="price" label-width="140px" class="postInfo-container-item">
|
|
|
- <el-input v-model="target.price" disabled readonly></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="8" :span="6">
|
|
|
- <el-form-item label="评估总价(元):" prop="amount" label-width="140px" class="postInfo-container-item">
|
|
|
- <el-input v-model="target.amount" disabled readonly></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :xs="24" :sm="12" :lg="24" :span="6">
|
|
|
- <el-form-item label="备注:" prop="amount" label-width="140px" class="postInfo-container-item">
|
|
|
- <span style="font-weight: bolder; color: red;">本人已对评估结果信息及报告文档完成审核,已确认无误。</span>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :xs="24" :sm="12" :lg="24" :span="6">
|
|
|
- <el-button type="info" plain style="margin-left: 40%;" @click="checkDialog = false">取消</el-button>
|
|
|
- <el-button type="success" plain @click="checkPass()">确认</el-button>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|