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

File diff suppressed because it is too large Load Diff

View File

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