Skip to content

P
pica-risk-admin
提交 f17156d1 编写于 作者: huangwensu's avatar huangwensu
浏览文件
操作

页面优化

上级 2647b374
隐藏空白字符变更
内嵌 并排
正在显示 包含 82 行增加 和 41 行删除
src/views/order-list/order-detail.vue
浏览文件 @ f17156d1
<template>
<div class="order-detail-container">
<el-breadcrumb separator="/">
<el-breadcrumb-item :to="{ path: '/order-list' }">订单列表</el-breadcrumb-item>
<el-breadcrumb-item>订单详情</el-breadcrumb-item>
</el-breadcrumb>
<div class="title">
<el-breadcrumb separator="/">
<el-breadcrumb-item :to="{ path: '/order-list' }">订单列表</el-breadcrumb-item>
<el-breadcrumb-item>订单详情</el-breadcrumb-item>
</el-breadcrumb>
</div>
<div class="order">
<p>订单信息</p>
<div>
<span class="label">订单ID：</span><span>{{rowId}}</span>
<span class="label">下单时间：</span><span>{{detailData.orderTime}}</span>
<span class="label">订单金额：</span><span>{{detailData.totalPrice}}</span>
<span class="label">支付方式：</span><span>{{payTypeText}}</span>
<span class="label">订单ID：</span><span class="con">{{rowId}}</span>
<span class="label">下单时间：</span><span class="con">{{detailData.orderTime}}</span>
<span class="label">订单金额：</span><span class="con">{{detailData.totalPrice}}</span>
<span class="label">支付方式：</span><span class="con">{{payTypeText}}</span>
</div>
<div class="info">
<span v-for="(item, index) in detailData.goodsRespList" :key="index">
<span class="label">商品{{index + 1}}：</span>{{item.goodsName}}*{{item.purchaseNum}}__{{item.purchasingPrice}}
<span class="label">商品{{index + 1}}：</span><span class="con">{{item.goodsName}}*{{item.purchaseNum}}__{{item.purchasingPrice}}</span>
</span>
</div>
</div>
<div class="order">
<p>开单店铺信息</p>
<span class="label">店铺名称：</span><span>{{detailData.storeName}}</span>
<span class="label">店铺所在区：</span><span>{{detailData.storeAddress}}</span>
<span class="label">店铺名称：</span><span class="con">{{detailData.storeName}}</span>
<span class="label">店铺所在区：</span><span class="con">{{detailData.storeAddress}}</span>
</div>
<div class="order">
<p>下单人信息</p>
<span class="label">下单人姓名：</span><span>{{detailData.placeOrderName}}</span>
<span class="label">手机号：</span><span>{{detailData.placeOrderMobile}}</span>
<span class="label">地区归属：</span><span>{{detailData.placeOrderAddress}}</span>
<span class="label">下单人姓名：</span><span class="con">{{detailData.placeOrderName}}</span>
<span class="label">手机号：</span><span class="con">{{detailData.placeOrderMobile}}</span>
<span class="label">地区归属：</span><span class="con">{{detailData.placeOrderAddress}}</span>
</div>
<div class="order">
<p>处方信息</p>
<span class="label">暂无处方信息/处方图片：</span><span><img :src="detailData.recipeUrl"/></span>
<span class="">暂无处方信息/处方图片：</span><span><img :src="detailData.recipeUrl"/></span>
</div>
<div class="order">
<p>收货人信息</p>
<span class="label">姓名：</span><span>{{detailData.receiverName}}</span>
<span class="label">手机号：</span><span>{{detailData.receiverMobile}}</span>
<span class="label">详细地址：</span><span>{{detailData.receiverAddress}}</span>
<span class="label">姓名：</span><span class="con">{{detailData.receiverName}}</span>
<span class="label">手机号：</span><span class="con">{{detailData.receiverMobile}}</span>
<span class="label">详细地址：</span><span class="con">{{detailData.receiverAddress}}</span>
</div>
</div>
</template>
......@@ -90,24 +93,29 @@ export default {
</script>
<style lang="less" scoped>
.order-detail-container {
.title {
margin-bottom: 30px;
}
.order {
border-bottom: 1px solid #efefef;
padding-bottom: 20px;
p {
padding: 20px 0px 20px;
font-size: 18px;
font-size: 16px;
font-weight: 700;
}
span.label {
// padding-right: 50px;
display: inline-block;
width: 100px;
text-align: right;
}
.info {
margin-top: 20px;
}
.con {
display: inline-block;
width: 270px;
}
}
}
</style>
\ No newline at end of file
src/views/strategy-data/strategy-edit.vue
浏览文件 @ f17156d1
......@@ -35,8 +35,7 @@
<el-input
class="param-input"
v-model="item.params"
placeholder="请输入参数"
@input="changeParams(item,index, indexV)"></el-input>
placeholder="请输入参数"></el-input>
</div>
<span style="padding-left: 20px;">击中分值：</span>
<el-input class="score-input" v-model="itemV.score" maxlength="20" placeholder="请输入击中分值"></el-input>
......@@ -45,7 +44,9 @@
</div>
</div>
<el-form-item label="策略定义">
<div>{{paramsStyleText}}</div>
<div>{{paramsStyleText}}<span v-if="versionArray.length == 2">，</span></div>
<div v-if="versionArray.length == 2" style="margin-left: 70px;">{{paramsStyleText1}}<span v-if="versionArray.length == 3">，</span></div>
<div v-if="versionArray.length == 3" style="margin-left: 70px;">{{paramsStyleText1}}</div>
</el-form-item>
</el-col>
</el-form>
......@@ -69,7 +70,9 @@ export default {
score: 0
}],
paramArray: [],
paramsStyleText: ''
paramsStyleText: '',
paramsStyleText1: '',
paramsStyleText2: ''
}
},
created() {
......@@ -134,21 +137,40 @@ export default {
this.searchParam = data.data;
this.changeStrategy(this.searchParam.bizTypeId);
this.versionArray = this.searchParam.versionParamList;
this.paramsStyleText = this.searchParam.paramsStyle;
for(let i = 0; i < this.versionArray.length; i++) {
let arr = [], parr = [];
arr = this.versionArray[i].params.split(",")
arr = this.versionArray[i].params.split(",");
arr.forEach(el => {
parr.push({
params: el
})
})
this.$set(this.versionArray[i], 'paramArray', parr)
// 处理策略定义中的参数
if(i == 0) {
this.paramsStyleText = this.showParamStyle(this.paramsStyleText, arr);
}else if(i == 1) {
this.paramsStyleText1 = this.showParamStyle(this.paramsStyleText1, arr);
}else if(i == 2) {
this.paramsStyleText2 = this.showParamStyle(this.paramsStyleText2, arr);
}
}
}
);
},
showParamStyle(t, arr) {
if(arr.length == 1) {
t = this.searchParam.paramsStyle.replace('{param1}',arr[0]);
}else if(arr.length == 2) {
t = this.searchParam.paramsStyle.replace('{param1}',arr[0]);
t = t.replace('{param2}',arr[1]);
}else if(arr.length == 3) {
t = this.searchParam.paramsStyle.replace('{param1}',arr[0]);
t = t.replace('{param2}',arr[1]);
t = t.replace('{param3}',arr[2]);
}
return t
},
// 修改策略分类
changeStrategy(val) {
this.getData(
......@@ -179,19 +201,6 @@ export default {
}
});
},
// 修改参数
changeParams(item, index, v) {
let str1 = '';
if(v == 0) {
if(index == 0) {
str1 = this.searchParam.paramsStyle.replace("{param1}", item.params);
}else {
str1 = str1.replace("{param2}", item.params);
}
this.paramsStyleText = str1
}
},
// 保存
save() {
this.searchParam.versionParamList = [];
......@@ -209,6 +218,30 @@ export default {
}
if(this.strategyId) this.searchParam.id = this.strategyId;
let req = this.searchParam;
if(!req.name) {
this.$message.info("请输入策略名称");
return;
}
if(!req.bizTypeId) {
this.$message.info("请选择策略分类");
return;
}
if(!req.libraryId) {
this.$message.info("请选择策略");
return;
}
for(let i = 0; i < this.versionArray.length; i++) {
for(let j = 0;j<this.versionArray[i].paramArray.length;j++) {
if(!this.versionArray[i].paramArray[j].params) {
this.$message.info(`请输入版本${i + 1}的参数${j +1}`);
return;
}
}
if(!this.versionArray[i].score) {
this.$message.info(`请输入版本${i + 1}的分值`);
return;
}
}
this.getData(
"post", `/riskcontrol/strategy/save`, req,
data => {
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或