|
@@ -13,116 +13,110 @@
|
|
|
|
|
|
<div v-show="engineering == '工程押金信息'">
|
|
|
<div class="diy-table-1">
|
|
|
- <el-form :model="details" ref="form" >
|
|
|
+ <el-form :model="details" ref="form">
|
|
|
<el-row :gutter="0">
|
|
|
- <el-col :xs="12" :sm="8" :lg="8" class="item">
|
|
|
- <div class="label">工程登录编码</div>
|
|
|
- <div class="value">{{ details.refEnginRecordNo }}</div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="12" :sm="8" :lg="8" class="item">
|
|
|
- <div class="label">工程名称(项目名称)</div>
|
|
|
- <div class="value">{{ details.refProjectName }}</div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="12" :sm="8" :lg="8" class="item">
|
|
|
- <div class="label">工程编号</div>
|
|
|
- <div class="value">{{ details.refProjectNo }}</div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label">经销商名称</div>
|
|
|
- <div class="value">{{ details.customerName }}</div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label">经销商编码</div>
|
|
|
- <div class="value">{{ details.customerId }}</div>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label">工程登录类型</div>
|
|
|
- <div class="value">{{ details.refPromiseStatus }}</div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label">联系人</div>
|
|
|
- <div class="value">{{ details.refLinkman }}</div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label">固定电话</div>
|
|
|
- <div class="value">{{ details.refTel }}</div>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label">厂工程编码</div>
|
|
|
- <div class="value">
|
|
|
- <el-form-item prop="refFactoryNo">
|
|
|
- <el-input
|
|
|
- v-model="details.refFactoryNo"
|
|
|
- placeholder="厂工程编码"
|
|
|
- size="small"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label"></div>
|
|
|
- <div class="value"></div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label">移动电话</div>
|
|
|
- <div class="value">{{ details.refPhone }}</div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label">押金总额</div>
|
|
|
- <div class="value">{{ details.depositAmount }}</div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label">工程差价总额</div>
|
|
|
- <div class="value">{{ details.depositDiffAmount }}</div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label">使用单位</div>
|
|
|
- <div class="value">{{ details.refUseUnit }}</div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label"></div>
|
|
|
- <div class="value"></div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label" >安装时间</div>
|
|
|
- <div class="value" style="padding:0">
|
|
|
- <el-form-item prop="installDate">
|
|
|
- <el-date-picker
|
|
|
-
|
|
|
- v-model="details.installDate"
|
|
|
- type="datetime"
|
|
|
- placeholder="安装时间"
|
|
|
- default-time="00:00:00"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- >
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label" >寄厂日期</div>
|
|
|
- <div class="value" style="padding:0">
|
|
|
- <el-form-item prop="sendFactoryDate">
|
|
|
- <el-date-picker
|
|
|
- v-model="details.sendFactoryDate"
|
|
|
- type="datetime"
|
|
|
- placeholder="寄厂日期"
|
|
|
- default-time="00:00:00"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- >
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
+ <el-col :xs="12" :sm="8" :lg="8" class="item">
|
|
|
+ <div class="label">工程登录编码</div>
|
|
|
+ <div class="value">{{ details.refEnginRecordNo }}</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="12" :sm="8" :lg="8" class="item">
|
|
|
+ <div class="label">工程名称(项目名称)</div>
|
|
|
+ <div class="value">{{ details.refProjectName }}</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="12" :sm="8" :lg="8" class="item">
|
|
|
+ <div class="label">工程编号</div>
|
|
|
+ <div class="value">{{ details.refProjectNo }}</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
+ <div class="label">经销商名称</div>
|
|
|
+ <div class="value">{{ details.customerName }}</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
+ <div class="label">经销商编码</div>
|
|
|
+ <div class="value">{{ details.customerId }}</div>
|
|
|
+ </el-col>
|
|
|
|
|
|
+ <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
+ <div class="label">工程登录类型</div>
|
|
|
+ <div class="value">{{ details.refPromiseStatus }}</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
+ <div class="label">联系人</div>
|
|
|
+ <div class="value">{{ details.refLinkman }}</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
+ <div class="label">固定电话</div>
|
|
|
+ <div class="value">{{ details.refTel }}</div>
|
|
|
+ </el-col>
|
|
|
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
+ <div class="label">厂工程编码</div>
|
|
|
+ <div class="value">
|
|
|
+ <el-form-item prop="refFactoryNo">
|
|
|
+ <el-input
|
|
|
+ v-model="details.refFactoryNo"
|
|
|
+ placeholder="厂工程编码"
|
|
|
+ size="small"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
+ <div class="label"></div>
|
|
|
+ <div class="value"></div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
+ <div class="label">移动电话</div>
|
|
|
+ <div class="value">{{ details.refPhone }}</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
+ <div class="label">押金总额</div>
|
|
|
+ <div class="value">{{ details.depositAmount }}</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
+ <div class="label">工程差价总额</div>
|
|
|
+ <div class="value">{{ details.depositDiffAmount }}</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
+ <div class="label">使用单位</div>
|
|
|
+ <div class="value">{{ details.refUseUnit }}</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
+ <div class="label"></div>
|
|
|
+ <div class="value"></div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
+ <div class="label">安装时间</div>
|
|
|
+ <div class="value" style="padding: 0">
|
|
|
+ <el-form-item prop="installDate">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="details.installDate"
|
|
|
+ type="datetime"
|
|
|
+ placeholder="安装时间"
|
|
|
+ default-time="00:00:00"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
+ <div class="label">寄厂日期</div>
|
|
|
+ <div class="value" style="padding: 0">
|
|
|
+ <el-form-item prop="sendFactoryDate">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="details.sendFactoryDate"
|
|
|
+ type="datetime"
|
|
|
+ placeholder="寄厂日期"
|
|
|
+ default-time="00:00:00"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</el-form>
|
|
|
-
|
|
|
</div>
|
|
|
<h3>货品信息</h3>
|
|
|
<el-divider></el-divider>
|
|
@@ -264,9 +258,13 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
- <div style="margin:20px 0">
|
|
|
- <el-button type="primary" size="small" @click="handleSvse">保存</el-button>
|
|
|
- <el-button type="primary" size="small" @click="handleReset">重置</el-button>
|
|
|
+ <div style="margin: 20px 0">
|
|
|
+ <el-button type="primary" size="small" @click="handleSvse"
|
|
|
+ >保存</el-button
|
|
|
+ >
|
|
|
+ <el-button type="primary" size="small" @click="handleReset"
|
|
|
+ >重置</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-show="engineering == '工程订单信息'">
|
|
@@ -352,7 +350,7 @@
|
|
|
highlight-current-row
|
|
|
stripe
|
|
|
>
|
|
|
- <el-table-column
|
|
|
+ <el-table-column
|
|
|
align="center"
|
|
|
label="发货单"
|
|
|
prop="id"
|
|
@@ -401,9 +399,12 @@
|
|
|
min-width="160"
|
|
|
show-overflow-tooltip
|
|
|
>
|
|
|
- <template slot-scope="scope">
|
|
|
- {{(scope.row.refundableQty||0) * (scope.row.singleDepositAmount||0) }}
|
|
|
- </template>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{
|
|
|
+ (scope.row.refundableQty || 0) *
|
|
|
+ (scope.row.singleDepositAmount || 0)
|
|
|
+ }}
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
@@ -413,14 +414,19 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { geDetail, geOrderInfo, editInfo,getListProject } from "@/api/engin_deposit.js";
|
|
|
+import {
|
|
|
+ geDetail,
|
|
|
+ geOrderInfo,
|
|
|
+ editInfo,
|
|
|
+ getListProject,
|
|
|
+} from "@/api/engin_deposit.js";
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
listLoading: false,
|
|
|
engineering: "工程押金信息",
|
|
|
dataList: [],
|
|
|
- projectList:[],
|
|
|
+ projectList: [],
|
|
|
details: {},
|
|
|
};
|
|
|
},
|
|
@@ -440,9 +446,13 @@ export default {
|
|
|
}
|
|
|
);
|
|
|
} else {
|
|
|
- getListProject({pageSize:-1,pageNum:1 ,refEnginRecordNo: this.$parent.refEnginRecordNo}).then(res=>{
|
|
|
- this.projectList = res.data.records
|
|
|
- })
|
|
|
+ getListProject({
|
|
|
+ pageSize: -1,
|
|
|
+ pageNum: 1,
|
|
|
+ refEnginRecordNo: this.$parent.refEnginRecordNo,
|
|
|
+ }).then((res) => {
|
|
|
+ this.projectList = res.data.records;
|
|
|
+ });
|
|
|
}
|
|
|
},
|
|
|
goBack() {
|
|
@@ -451,16 +461,17 @@ export default {
|
|
|
handleRadio(e) {
|
|
|
this.getDetail();
|
|
|
},
|
|
|
- handleSvse(){
|
|
|
- this.details.isRefundDeposit = this.details.isRefundDeposit == true ?true :false
|
|
|
- editInfo(this.details).then(res=>{
|
|
|
- this.$successMsg('编辑成功')
|
|
|
- this.$parent.showPage = 1;
|
|
|
- })
|
|
|
+ handleSvse() {
|
|
|
+ this.details.isRefundDeposit =
|
|
|
+ this.details.isRefundDeposit == true ? true : false;
|
|
|
+ editInfo(this.details).then((res) => {
|
|
|
+ this.$successMsg("编辑成功");
|
|
|
+ this.$parent.showPage = 1;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleReset() {
|
|
|
+ this.$refs.form.resetFields();
|
|
|
},
|
|
|
- handleReset(){
|
|
|
- this.$refs.form.resetFields()
|
|
|
- }
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
@@ -468,16 +479,23 @@ export default {
|
|
|
<style scoped lang="scss">
|
|
|
::v-deep .el-input__prefix {
|
|
|
display: none;
|
|
|
- left: 65px !important;
|
|
|
- -webkit-transition: all .3s;
|
|
|
- transition: all .3s;
|
|
|
+ left: 65px !important;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ transition: all 0.3s;
|
|
|
}
|
|
|
-::v-deep .el-date-editor.el-input{
|
|
|
+::v-deep .el-date-editor.el-input {
|
|
|
width: 100%;
|
|
|
box-sizing: border-box;
|
|
|
padding-left: 10px;
|
|
|
}
|
|
|
-::v-deep .el-form-item{
|
|
|
- margin: 0;
|
|
|
+.diy-table-1 {
|
|
|
+ ::v-deep .el-form-item {
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+::v-deep .el-input__suffix {
|
|
|
+ right: -15px;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ transition: all 0.3s;
|
|
|
}
|
|
|
</style>
|