This commit is contained in:
duanxiaohai 2024-09-14 16:05:10 +08:00
parent 449b4f56be
commit 300f9ef15f
3 changed files with 272 additions and 3298 deletions

View File

@ -41,16 +41,18 @@
</div>
<div style="width: 100%; height: calc(100% - 110px)" class="table-els">
<div class="tabelHead">
<div><span>姓名</span>{{ data.character.xm }}</div>
<div><span>姓名</span>{{ data.character.nl }}</div>
<div><span>地址</span>{{ data.character.dz }}</div>
<div><span>年龄</span>{{ data.character.age }}</div>
<div><span>标签</span>{{ data.character.titleName }}</div>
<div class="status">
<span>状态</span>
<img :src="lampImages[data.character.zt]" @click="escalation" />
<div class="statusMessage">
<span>状态</span>
<img :src="lampImages[data.character.deng]" @click="escalation" />
</div>
<div class="lampMessage">(工作日早上8:30自动推送浙政钉)</div>
<div class="lampBox" v-if="clicked">
<div class="lampTitle">确定要上报吗?</div>
<div class="lampMessage">工作日早上8:30自动推送</div>
<div class="lampBtn">
<div class="confirm" @click="confirmEvent()">上报</div>
<div class="cancel" @click="cancelEvent()">取消</div>
@ -107,7 +109,7 @@
</el-table>
</div>
<div class="pagePart">
<!-- <div class="pagePart">
<el-pagination
background
layout="prev, pager, next,total"
@ -118,7 +120,7 @@
@current-change="handle"
v-model:current-page="pagination.currentPage"
/>
</div>
</div> -->
</div>
</el-dialog>
</div>
@ -174,10 +176,6 @@ const props = defineProps({
return "";
},
},
pagination: {
type: Object,
required: true,
},
character: {
type: Object,
required: true,
@ -200,7 +198,7 @@ const handleRowClick = (row, column, event) => {
const clicked = ref(false);
const lampBox = ref(null);
const escalation = () => {
if (data.character.zt !== 1) {
if (data.character.deng !== 0) {
clicked.value = true;
}
console.log(clicked.value);
@ -239,7 +237,7 @@ const data = reactive({
columns: [],
tableData: [],
character: [],
pagination: {},
// pagination: {},
});
// 使
const lampImages = {
@ -343,6 +341,7 @@ const handle = (current) => {
width: 36px;
height: 36px;
}
// &div:nth-last-child(1){
// display: flex;
// align-items: center;
@ -350,8 +349,24 @@ const handle = (current) => {
.status {
display: flex;
align-items: center;
cursor: pointer;
position: relative;
cursor: pointer;
.statusMessage {
display: flex;
align-items: center;
}
.lampMessage {
font-size: 15px;
font-weight: 500;
font-family: PingFangSC, PingFang SC;
letter-spacing: 1px;
color: #ff5959;
width: 190px;
position: absolute;
top: 40px;
left: -10px;
z-index: 10;
}
.lampBox {
width: 270px;
height: 146px;
@ -365,7 +380,7 @@ const handle = (current) => {
.lampTitle {
text-align: center;
// padding-top: 33px;
margin: 28px 0 10px 0;
margin: 28px 0 32px 0;
font-size: 16px;
font-weight: 500;
font-family: PingFangSC, PingFang SC;
@ -373,17 +388,7 @@ const handle = (current) => {
line-height: 22px;
letter-spacing: 1px;
}
.lampMessage {
text-align: center;
// padding-top: 33px;
margin: 10px 0 14px 0;
font-size: 14px;
font-weight: 500;
font-family: PingFangSC, PingFang SC;
line-height: 22px;
letter-spacing: 1px;
color: #ff5959;
}
.lampBtn {
display: flex;
align-items: center;
@ -434,20 +439,20 @@ const handle = (current) => {
align-items: center;
justify-content: center;
:deep(.el-pagination) {
--el-pagination-button-disabled-bg-color: none;
--el-pagination-bg-color: none;
--el-pagination-button-bg-color: none;
--el-pagination-button-color: #fff;
color: #fff;
}
// :deep(.el-pagination) {
// --el-pagination-button-disabled-bg-color: none;
// --el-pagination-bg-color: none;
// --el-pagination-button-bg-color: none;
// --el-pagination-button-color: #fff;
// color: #fff;
// }
:deep(.el-pagination button:disabled) {
background-color: rgba(0, 116, 255, 0) !important;
}
:deep(.el-pagination > .is-last) {
color: #ffffff;
}
// :deep(.el-pagination button:disabled) {
// background-color: rgba(0, 116, 255, 0) !important;
// }
// :deep(.el-pagination > .is-last) {
// color: #ffffff;
// }
}
.progressGreen {

File diff suppressed because it is too large Load Diff

View File

@ -185,8 +185,8 @@ const router = useRouter();
const routers = useRoute();
//
const goto = (val) => {
console.log('跳转',val);
console.log("跳转", val);
// const availableRoutes = [
// "",
// "",
@ -201,15 +201,15 @@ const goto = (val) => {
// query: { name: val.name, id: val.id },
// });
// } else {
router.push({
path: "/home/index/table/details",
query: { name: val.name, id: val.id },
});
router.push({
path: "/home/index/table/details",
query: { name: val.name, id: val.id, xh: val.xh },
});
// ElMessage.warning({
// message: `${val.name}!`,
// offset: 100, //
// });
// ElMessage.warning({
// message: `${val.name}!`,
// offset: 100, //
// });
// }
};
@ -651,11 +651,10 @@ const getData = async (name, fullName) => {
Bj: data.Bj[imageIndex],
name: item.sx,
text: item.bmfxqk,
// progress: item.xh,
xh: item.xh,
progress: "95", //
});
// console.log( data.tabPublicService);
});
}
}