175 lines
7.1 KiB
HTML
175 lines
7.1 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;">2023年度宁波市“工程结构优质奖”选票结果</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> |