175 lines
7.2 KiB
HTML
175 lines
7.2 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<link rel="stylesheet" href="../../lib/element-ui/theme-chalk/index.css">
|
||
<script src="../../lib/vue2/vue.min.js"></script>
|
||
<script src="../../lib/element-ui/theme-chalk/index.js"></script>
|
||
<script src="../../lib/axios/axios.min.js"></script>
|
||
<script src="../../lib/qs/qs.min.js"></script>
|
||
</head>
|
||
|
||
<body>
|
||
<div id="app" v-loading="loading">
|
||
<h3 style="text-align:center;">2025年度浙江省建筑施工安全生产标准化优良工地(宁波地区)水平认定项目 专家投票情况</h3>
|
||
<el-table :data="tableData" style="width: 20%;margin:0 auto;">
|
||
<el-table-column prop="login_code" label="专家"> </el-table-column>
|
||
<el-table-column prop="is_vote" label="是否投票" width="120">
|
||
<template slot-scope="scope">
|
||
<el-tag type="info" v-if="scope.row.is_vote==true">已投</el-tag>
|
||
<el-tag type="danger" v-else>未投</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
|
||
<h3 style="text-align:center;">
|
||
<el-button @click="load_vote">刷新数据</el-button>
|
||
<el-button @click="show_expert_vote">查看项目投票情况</el-button>
|
||
<el-button @click="show_dialog">新增专家</el-button>
|
||
</h3>
|
||
<el-dialog title="新增专家" :visible.sync="dialogVisible" width="20%">
|
||
<div class="blocks">
|
||
<el-input v-model="addexpertnum" placeholder="输入新增专家个数" style="width:100px"></el-input>
|
||
<el-button @click="add_expert">确定</el-button>
|
||
</div>
|
||
</el-dialog>
|
||
<!--<el-dialog v-model="dialogVisible" title="弹框" :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false" append-to-body width="60%">
|
||
<el-form :model="pageData.loginForm" ref="loginFormRef" label-position="top">
|
||
<el-form-item label="手机号码" label-width="80px" prop="phone" :rules="[{ required: true, trigger: 'blur', min: 11, max: 11, message: '请输入正确的手机号码' }]">
|
||
<el-input v-model="pageData.loginForm.phone" autocomplete="off" />
|
||
</el-form-item>
|
||
<el-form-item label="验证码" label-width="80px" prop="code" :rules="[{ required: true, trigger: 'blur', min: 4, max: 4, message: '请输入验证码' }]">
|
||
<el-input type="text" maxlength="4" placeholder="验证码" v-model="pageData.loginForm.code">
|
||
<template slot="append" #append>
|
||
<el-button :disabled="pageData.loginForm.disabled" @click="(v,v2)=>funHandles.getCode(v,pageData,loginFormRef)">{{ pageData.loginForm.valiBtn }}</el-button>
|
||
</template>
|
||
</el-input>
|
||
</el-form-item>
|
||
</el-form>
|
||
<template #footer>
|
||
<span class="dialog-footer">-->
|
||
<!--<el-button @click="dialogFormVisible = false">Cancel</el-button>-->
|
||
<!--<el-button type="primary" @click="(v,v2)=>funHandles.verifyKey(pageData,loginFormRef)">登录</el-button>
|
||
</span>
|
||
</template>
|
||
</el-dialog>-->
|
||
</div>
|
||
</body>
|
||
<style scoped>
|
||
.buhuanhang {
|
||
white-space: nowrap;
|
||
width: 21%;
|
||
}
|
||
</style>
|
||
<script>
|
||
new Vue({
|
||
el: '#app',
|
||
data: function () {
|
||
return {
|
||
tableData: [],
|
||
loading: false,
|
||
token: '',
|
||
dialogVisible: false,
|
||
addexpertnum: 0
|
||
}
|
||
},
|
||
created: function () {
|
||
this.check_login()
|
||
this.loading = true;
|
||
this.load_vote();
|
||
|
||
},
|
||
methods: {
|
||
show_expert_vote() {
|
||
location = 'voteresult.html'
|
||
},
|
||
check_login() {
|
||
this.token = window.sessionStorage.getItem('__TOKEN');
|
||
if (!this.token)
|
||
location = '../manage/login.html'
|
||
},
|
||
|
||
load_vote() {
|
||
this.loading = true;
|
||
let _this = this;
|
||
axios({
|
||
headers: { 'Content-Type': 'application/json;charset=UTF-8' },
|
||
method: 'post',
|
||
url: '/gb/yjb/api/projects/expert-vote',
|
||
data: {},
|
||
responseType: "json",
|
||
headers: {
|
||
Authorization: 'Bearer ' + _this.token
|
||
}
|
||
}).then(function (response) {
|
||
_this.tableData = response.data.data
|
||
console.log(_this.tableData)
|
||
_this.loading = false;
|
||
}).catch(function (error) {
|
||
if (error.response.status == 403)
|
||
location = '../manage/login.html'
|
||
console.log(error)
|
||
_this.$message({
|
||
type: 'error',
|
||
message: error.message
|
||
})
|
||
_this.loading = false;
|
||
})
|
||
},
|
||
loading_false() { this.loading = false },
|
||
|
||
dateFormat(fmt, date) {
|
||
let ret;
|
||
const opt = {
|
||
"Y+": date.getFullYear().toString(), // 年
|
||
"m+": (date.getMonth() + 1).toString(), // 月
|
||
"d+": date.getDate().toString(), // 日
|
||
"H+": date.getHours().toString(), // 时
|
||
"M+": date.getMinutes().toString(), // 分
|
||
"S+": date.getSeconds().toString() // 秒
|
||
// 有其他格式化字符需求可以继续添加,必须转化成字符串
|
||
};
|
||
for (let k in opt) {
|
||
ret = new RegExp("(" + k + ")").exec(fmt);
|
||
if (ret) {
|
||
fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")))
|
||
};
|
||
};
|
||
return fmt;
|
||
}
|
||
,
|
||
show_dialog() {
|
||
this.dialogVisible = true
|
||
}
|
||
,
|
||
add_expert() {
|
||
this.loading = true;
|
||
let _this = this;
|
||
axios({
|
||
headers: { 'Content-Type': 'application/json;charset=UTF-8' },
|
||
method: 'post',
|
||
url: '/gb/yjb/api/projects/expert',
|
||
data: { expertnum: this.addexpertnum },
|
||
responseType: "json",
|
||
headers: {
|
||
Authorization: 'Bearer ' + _this.token
|
||
}
|
||
}).then(function (response) {
|
||
_this.loading = false;
|
||
location.reload();
|
||
}).catch(function (error) {
|
||
console.log(error)
|
||
_this.$message({
|
||
type: 'error',
|
||
message: error.message
|
||
})
|
||
_this.loading = false;
|
||
})
|
||
}
|
||
}
|
||
})
|
||
</script>
|
||
|
||
</html> |