Skip to content

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

页面优化

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