|
@@ -7,7 +7,7 @@
|
|
@click-right="onClickright"
|
|
@click-right="onClickright"
|
|
:style="{ 'background-color': selectColor }"
|
|
:style="{ 'background-color': selectColor }"
|
|
>
|
|
>
|
|
- <template #right>
|
|
|
|
|
|
+ <template #right>
|
|
<van-icon name="plus" size="18" />
|
|
<van-icon name="plus" size="18" />
|
|
</template>
|
|
</template>
|
|
</van-nav-bar>
|
|
</van-nav-bar>
|
|
@@ -16,6 +16,7 @@
|
|
v-model="searchName"
|
|
v-model="searchName"
|
|
shape="round"
|
|
shape="round"
|
|
show-action
|
|
show-action
|
|
|
|
+ clearable
|
|
input-align="center"
|
|
input-align="center"
|
|
label="牌位名称"
|
|
label="牌位名称"
|
|
placeholder="请输入牌位名称"
|
|
placeholder="请输入牌位名称"
|
|
@@ -24,7 +25,11 @@
|
|
<div @click="search1">搜索</div>
|
|
<div @click="search1">搜索</div>
|
|
</template>
|
|
</template>
|
|
</van-search>
|
|
</van-search>
|
|
- <van-pull-refresh v-if="show==true" v-model="refreshing" @refresh="onRefresh">
|
|
|
|
|
|
+ <van-pull-refresh
|
|
|
|
+ v-if="show == true"
|
|
|
|
+ v-model="refreshing"
|
|
|
|
+ @refresh="onRefresh"
|
|
|
|
+ >
|
|
<van-list
|
|
<van-list
|
|
v-model:loading="loading"
|
|
v-model:loading="loading"
|
|
:finished="finished"
|
|
:finished="finished"
|
|
@@ -37,7 +42,9 @@
|
|
<div class="item_top_left">
|
|
<div class="item_top_left">
|
|
{{ item.brandName }}
|
|
{{ item.brandName }}
|
|
</div>
|
|
</div>
|
|
- <div class="item_top_right" style="color: red">¥{{ item.sacrificeExpenses }}</div>
|
|
|
|
|
|
+ <div class="item_top_right" style="color: red">
|
|
|
|
+ ¥{{ item.sacrificeExpenses }}
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
<div class="item_down">
|
|
<div class="item_down">
|
|
<div class="item_down_left" style="color: #a2a2a2">
|
|
<div class="item_down_left" style="color: #a2a2a2">
|
|
@@ -46,10 +53,23 @@
|
|
<div class="item_down_right">场管:{{ item.siteContact }}</div>
|
|
<div class="item_down_right">场管:{{ item.siteContact }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <template #right>
|
|
|
|
+ <van-button
|
|
|
|
+ square
|
|
|
|
+ text="删除"
|
|
|
|
+ type="danger"
|
|
|
|
+ @click="del(item.id)"
|
|
|
|
+ class="delete-button"
|
|
|
|
+ />
|
|
|
|
+ </template>
|
|
</van-swipe-cell>
|
|
</van-swipe-cell>
|
|
</van-list>
|
|
</van-list>
|
|
</van-pull-refresh>
|
|
</van-pull-refresh>
|
|
- <van-pull-refresh v-if="show==false" v-model="refreshing" @refresh="onRefresh">
|
|
|
|
|
|
+ <van-pull-refresh
|
|
|
|
+ v-if="show == false"
|
|
|
|
+ v-model="refreshing"
|
|
|
|
+ @refresh="onRefresh"
|
|
|
|
+ >
|
|
<van-list
|
|
<van-list
|
|
v-model:loading="loading1"
|
|
v-model:loading="loading1"
|
|
:finished="finished1"
|
|
:finished="finished1"
|
|
@@ -62,7 +82,9 @@
|
|
<div class="item_top_left">
|
|
<div class="item_top_left">
|
|
{{ item.brandName }}
|
|
{{ item.brandName }}
|
|
</div>
|
|
</div>
|
|
- <div class="item_top_right" style="color: red">¥{{ item.sacrificeExpenses }}</div>
|
|
|
|
|
|
+ <div v-if="item.sacrificeExpenses!=''" class="item_top_right" style="color: red">
|
|
|
|
+ ¥{{ item.sacrificeExpenses }}
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
<div class="item_down">
|
|
<div class="item_down">
|
|
<div class="item_down_left" style="color: #a2a2a2">
|
|
<div class="item_down_left" style="color: #a2a2a2">
|
|
@@ -71,6 +93,15 @@
|
|
<div class="item_down_right">场管:{{ item.siteContact }}</div>
|
|
<div class="item_down_right">场管:{{ item.siteContact }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <template #right>
|
|
|
|
+ <van-button
|
|
|
|
+ square
|
|
|
|
+ text="删除"
|
|
|
|
+ type="danger"
|
|
|
|
+ @click="del(item.id)"
|
|
|
|
+ class="delete-button"
|
|
|
|
+ />
|
|
|
|
+ </template>
|
|
</van-swipe-cell>
|
|
</van-swipe-cell>
|
|
</van-list>
|
|
</van-list>
|
|
</van-pull-refresh>
|
|
</van-pull-refresh>
|
|
@@ -109,7 +140,7 @@ export default {
|
|
information: "",
|
|
information: "",
|
|
});
|
|
});
|
|
//搜索事件
|
|
//搜索事件
|
|
- const show = ref(true)
|
|
|
|
|
|
+ const show = ref(true);
|
|
const searchName = ref("");
|
|
const searchName = ref("");
|
|
const searchList = ref([]);
|
|
const searchList = ref([]);
|
|
const loading1 = ref(false);
|
|
const loading1 = ref(false);
|
|
@@ -117,27 +148,29 @@ export default {
|
|
const refreshing1 = ref(false);
|
|
const refreshing1 = ref(false);
|
|
let index1 = 0;
|
|
let index1 = 0;
|
|
const search = () => {
|
|
const search = () => {
|
|
- show.value = false
|
|
|
|
|
|
+ show.value = false;
|
|
loading1.value = true;
|
|
loading1.value = true;
|
|
finished1.value = false;
|
|
finished1.value = false;
|
|
- new TabletServer().list({
|
|
|
|
- current:index1 + 1,
|
|
|
|
- size:11,
|
|
|
|
- brandName:searchName.value
|
|
|
|
- }).then(({records,pages})=>{
|
|
|
|
- searchList.value = searchList.value.concat(records)
|
|
|
|
- loading1.value = false;
|
|
|
|
|
|
+ new TabletServer()
|
|
|
|
+ .list({
|
|
|
|
+ current: index1 + 1,
|
|
|
|
+ size: 11,
|
|
|
|
+ brandName: searchName.value,
|
|
|
|
+ })
|
|
|
|
+ .then(({ records, pages }) => {
|
|
|
|
+ searchList.value = searchList.value.concat(records);
|
|
|
|
+ loading1.value = false;
|
|
if (index1 + 1 >= pages) {
|
|
if (index1 + 1 >= pages) {
|
|
finished1.value = true;
|
|
finished1.value = true;
|
|
}
|
|
}
|
|
index1++;
|
|
index1++;
|
|
- })
|
|
|
|
|
|
+ });
|
|
};
|
|
};
|
|
|
|
|
|
- const search1 = ()=>{
|
|
|
|
|
|
+ const search1 = () => {
|
|
searchList.value = [];
|
|
searchList.value = [];
|
|
- search()
|
|
|
|
- }
|
|
|
|
|
|
+ search();
|
|
|
|
+ };
|
|
//页面跳转以及数据传递
|
|
//页面跳转以及数据传递
|
|
let router = useRouter();
|
|
let router = useRouter();
|
|
const goTabletInfo = (item) => {
|
|
const goTabletInfo = (item) => {
|
|
@@ -159,7 +192,7 @@ export default {
|
|
.list({
|
|
.list({
|
|
current: index + 1,
|
|
current: index + 1,
|
|
size: 11,
|
|
size: 11,
|
|
- ...inputForm.value
|
|
|
|
|
|
+ ...inputForm.value,
|
|
})
|
|
})
|
|
.then(({ records, pages }) => {
|
|
.then(({ records, pages }) => {
|
|
TabletData.value = TabletData.value.concat(records);
|
|
TabletData.value = TabletData.value.concat(records);
|
|
@@ -183,6 +216,33 @@ export default {
|
|
const onClickLeft = () => {
|
|
const onClickLeft = () => {
|
|
history.back();
|
|
history.back();
|
|
};
|
|
};
|
|
|
|
+ //牌位删除
|
|
|
|
+ const del = (id) => {
|
|
|
|
+ xm.showConfirm({
|
|
|
|
+ title: "删除确认",
|
|
|
|
+ message: "确认删除该记录",
|
|
|
|
+ }).then((result) => {
|
|
|
|
+ if (result == "ok") {
|
|
|
|
+ new TabletServer().tabletDelete(id).then((res) => {
|
|
|
|
+ if (res.status == 200 || res.statusText == "OK") {
|
|
|
|
+ xm.showToast({
|
|
|
|
+ message: res.data,
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+ index = 0;
|
|
|
|
+ loading.value = true;
|
|
|
|
+ finished.value = false;
|
|
|
|
+ TabletData.value = [];
|
|
|
|
+ onLoad();
|
|
|
|
+ index1 = 0;
|
|
|
|
+ loading1.value = true;
|
|
|
|
+ finished1.value = false;
|
|
|
|
+ searchList.value = [];
|
|
|
|
+ search();
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ };
|
|
//进入场所录入页面
|
|
//进入场所录入页面
|
|
const onClickright = () => {
|
|
const onClickright = () => {
|
|
router.push("/placeTabletAdd");
|
|
router.push("/placeTabletAdd");
|
|
@@ -207,13 +267,14 @@ export default {
|
|
search,
|
|
search,
|
|
show,
|
|
show,
|
|
searchList,
|
|
searchList,
|
|
- search1
|
|
|
|
|
|
+ search1,
|
|
|
|
+ del,
|
|
};
|
|
};
|
|
},
|
|
},
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
|
|
|
|
-<style lang="less">
|
|
|
|
|
|
+<style lang="less" scoped>
|
|
body,
|
|
body,
|
|
html {
|
|
html {
|
|
margin: 0;
|
|
margin: 0;
|
|
@@ -240,7 +301,7 @@ html {
|
|
.list-item {
|
|
.list-item {
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
padding: 10px;
|
|
padding: 10px;
|
|
- margin-bottom: 5px;
|
|
|
|
|
|
+ border-bottom: 1px solid #f5f5f5;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
.item_top {
|
|
.item_top {
|
|
width: 100%;
|
|
width: 100%;
|
|
@@ -263,7 +324,6 @@ html {
|
|
width: 100%;
|
|
width: 100%;
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
padding: 5px 0;
|
|
padding: 5px 0;
|
|
- border-bottom: 1px solid #F5F5F5;
|
|
|
|
.item_down_left {
|
|
.item_down_left {
|
|
width: 70%;
|
|
width: 70%;
|
|
float: left;
|
|
float: left;
|
|
@@ -272,8 +332,14 @@ html {
|
|
width: 30%;
|
|
width: 30%;
|
|
text-align: center;
|
|
text-align: center;
|
|
float: left;
|
|
float: left;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ .delete-button{
|
|
|
|
+ height: 100%;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|