This commit is contained in:
parent
cce123c769
commit
471a030165
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.7 KiB After Width: | Height: | Size: 9.9 KiB |
|
|
@ -244,26 +244,34 @@
|
||||||
{{ bjtitle }}
|
{{ bjtitle }}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="right-floating-window" v-show="business.show">
|
<div class="fight-floating-box" v-show="business.show">
|
||||||
<div class="floating_model" @click="onMechanism">
|
<div>
|
||||||
<div class="floating_model_icon">
|
<div class="arrow" @click="business.unfold = !business.unfold">
|
||||||
<img src="@/assets/images/norm.png" alt="" />
|
<span>{{ business.unfold ? "▶" : "◀" }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="floating_model_label">机制标准</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="floating_model" @click="onProcess">
|
<div class="right-floating-window" v-show="business.unfold">
|
||||||
<div class="floating_model_icon">
|
<div class="floating_model" @click="onMechanism">
|
||||||
<img src="@/assets/images/flow.png" alt="" />
|
<div class="floating_model_icon">
|
||||||
|
<img src="@/assets/images/norm.png" alt="" />
|
||||||
|
</div>
|
||||||
|
<div class="floating_model_label">机制标准</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="floating_model_label">业务流程</div>
|
<div class="floating_model" @click="onProcess">
|
||||||
</div>
|
<div class="floating_model_icon">
|
||||||
<div class="floating_model" @click="onWork">
|
<img src="@/assets/images/flow.png" alt="" />
|
||||||
<div class="floating_model_icon">
|
</div>
|
||||||
<img src="@/assets/images/condition.png" alt="" />
|
<div class="floating_model_label">业务流程</div>
|
||||||
|
</div>
|
||||||
|
<div class="floating_model" @click="onWork">
|
||||||
|
<div class="floating_model_icon">
|
||||||
|
<img src="@/assets/images/condition.png" alt="" />
|
||||||
|
</div>
|
||||||
|
<div class="floating_model_label">工作情况</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="floating_model_label">工作情况</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Dialog
|
<Dialog
|
||||||
:dialogShow="dialogShow"
|
:dialogShow="dialogShow"
|
||||||
:columns="tableType.columns"
|
:columns="tableType.columns"
|
||||||
|
|
@ -1064,6 +1072,7 @@ const fwqList = ref([]);
|
||||||
|
|
||||||
const business = reactive({
|
const business = reactive({
|
||||||
show: false,
|
show: false,
|
||||||
|
unfold: false,
|
||||||
bj: "",
|
bj: "",
|
||||||
});
|
});
|
||||||
//机制标准
|
//机制标准
|
||||||
|
|
@ -1722,6 +1731,14 @@ const table_column_list = reactive({
|
||||||
label: "菜品信息",
|
label: "菜品信息",
|
||||||
property: "dishesmealnames",
|
property: "dishesmealnames",
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
label: "订单金额",
|
||||||
|
property: "totalprice",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "实际支付金额",
|
||||||
|
property: "actualprice",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "订单结束时间",
|
label: "订单结束时间",
|
||||||
property: "dtfinishtime",
|
property: "dtfinishtime",
|
||||||
|
|
@ -3445,6 +3462,7 @@ const changeys = (name, img_width) => {
|
||||||
if (item.name == name) {
|
if (item.name == name) {
|
||||||
business.bj = item.bj;
|
business.bj = item.bj;
|
||||||
business.show = true;
|
business.show = true;
|
||||||
|
business.unfold = false;
|
||||||
} else {
|
} else {
|
||||||
removeOverlay(item.name);
|
removeOverlay(item.name);
|
||||||
}
|
}
|
||||||
|
|
@ -6359,40 +6377,59 @@ onMounted(async () => {
|
||||||
color: #0c356a;
|
color: #0c356a;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.right-floating-window {
|
.fight-floating-box {
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
top: 20%;
|
top: 18%;
|
||||||
right: 28%;
|
right: 28%;
|
||||||
font-family: PangMenZhengDao;
|
font-family: PangMenZhengDao;
|
||||||
|
display: flex;
|
||||||
.floating_model {
|
flex-direction: column;
|
||||||
border: 1px solid #7db6c8;
|
.arrow {
|
||||||
padding: 6px 10px 6px 6px;
|
float: right;
|
||||||
margin-bottom: 10px;
|
display: inline-block;
|
||||||
background: #426c8d;
|
padding: 5px 5px 7px;
|
||||||
box-shadow: 0px 3px 8px 0px rgba(43, 114, 153, 0.7);
|
border-radius: 5px;
|
||||||
border-radius: 6px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
font-size: 20px;
|
|
||||||
color: #c2e1ff;
|
|
||||||
text-align: left;
|
|
||||||
font-style: normal;
|
|
||||||
text-transform: none;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
.floating_model_icon {
|
font-size: 16px;
|
||||||
width: 30px;
|
color: #ffffff;
|
||||||
height: 30px;
|
transition: color 0.2s ease;
|
||||||
img {
|
background: #7aceff;
|
||||||
width: 100%;
|
margin-bottom: 10px;
|
||||||
height: 100%;
|
}
|
||||||
|
.arrow:hover {
|
||||||
|
color: #0c356a;
|
||||||
|
}
|
||||||
|
.right-floating-window {
|
||||||
|
.floating_model {
|
||||||
|
border: 1px solid #7db6c8;
|
||||||
|
padding: 6px 10px 6px 6px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
background: #426c8d;
|
||||||
|
box-shadow: 0px 3px 8px 0px rgba(43, 114, 153, 0.7);
|
||||||
|
border-radius: 6px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
font-size: 20px;
|
||||||
|
color: #c2e1ff;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
cursor: pointer;
|
||||||
|
.floating_model_icon {
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
background-image: url(@/assets/images/map/map_title_bg.png);
|
background-image: url(@/assets/images/map/map_title_bg.png);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue