ewide/number_zj
22
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

将cshtml换成html文件, 整理文件结构

Browse Source
This commit is contained in:
范露尧
2023-07-10 11:04:09 +08:00
parent 6083c9476c
commit 52428ea0f1
5 changed files with 661 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
20220330_Vote/Ewide.Web.Entry/Properties/launchSettings.json
View File

@@ -3,7 +3,7 @@
"windowsAuthentication": false,
"anonymousAuthentication": true,
"iisExpress": {
"applicationUrl": "http://10.105.1.16:5566",
"applicationUrl": "http://localhost:5566",
"sslPort": 0
}
},

2
20220330_Vote/Ewide.Web.Entry/Views/Manage/Login.cshtml
View File

@@ -103,7 +103,7 @@
window.sessionStorage.setItem('__TOKEN', response.data.data.token);
//location = '/gb/yjb/manage/VoteResult'
//location = '/gb/yjb/manage/nbczResult'
location = '/gb/yjb/outsidewall/result'
location = '/202307/outsidewall/result.html'
}
}
_this.loading = false;

14
20220330_Vote/Ewide.Web.Entry/wwwroot/html/outsidewall.html → 20220330_Vote/Ewide.Web.Entry/wwwroot/html/outsidewall/index.html
View File

@@ -6,13 +6,13 @@
<title>
宁波既有建筑外墙脱落问卷调查
</title>
<script src="../lib/vue/vue.global.prod.min.js"></script>
<link href="../lib/element-plus/index.min.css" rel="stylesheet" />
<script src="../lib/element-plus/index.full.min.js"></script>
<script src="../lib/element-plus/locale/zh-cn.min.js"></script>
<script src="../lib/element-plus-icons-vue/global.iife.min.js"></script>
<script src="../lib/xe-utils/dist/xe-utils.umd.min.js"></script>
<script src="../lib/axios/axios.min.js"></script>
<script src="../../lib/vue/vue.global.prod.min.js"></script>
<link href="../../lib/element-plus/index.min.css" rel="stylesheet" />
<script src="../../lib/element-plus/index.full.min.js"></script>
<script src="../../lib/element-plus/locale/zh-cn.min.js"></script>
<script src="../../lib/element-plus-icons-vue/global.iife.min.js"></script>
<script src="../../lib/xe-utils/dist/xe-utils.umd.min.js"></script>
<script src="../../lib/axios/axios.min.js"></script>
</head>
<body>

0
20220330_Vote/Ewide.Web.Entry/wwwroot/html/outsidewall2.html → 20220330_Vote/Ewide.Web.Entry/wwwroot/html/outsidewall/outsidewall2.html
View File

652
20220330_Vote/Ewide.Web.Entry/wwwroot/html/outsidewall/result.html Normal file
View File

@@ -0,0 +1,652 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!--<script src="../../lib/vue/vue.global.prod.min.js"></script>
<link href="../../lib/element-plus/index.min.css" rel="stylesheet" />
<script src="../../lib/element-plus/index.full.min.js"></script>
<script src="../../lib/element-plus/locale/zh-cn.min.js"></script>
<script src="../../lib/element-plus-icons-vue/global.iife.min.js"></script>
<script src="../../lib/xe-utils/dist/xe-utils.umd.min.js"></script>
<script src="../../lib/axios/axios.min.js"></script>-->
<link rel="stylesheet" href="../Contents/index.css">
<script src="../Contents/vue.min.js"></script>
<script src="../Contents/index.js"></script>
<script src="../Contents/axios.min.js"></script>
<script src="../Contents/qs.min.js"></script>
</head>
<body>
<div id="app" v-loading="loading">
<h3 style="text-align:center;">宁波既有建筑外墙脱落问卷调查结果</h3>
<el-form label-position="left" ref="form" :model="form" label-width="120px" style="margin-top:15px;">
<el-form-item label="社区/小区：" prop="name">
<el-select v-model="form.communityId" filterable clearable placeholder="请选择" @@change="selectCommunity">
<el-option v-for="item in communitys" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="提交码：" prop="name">
<el-input v-model="form.submitCode" style="width:300px"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @@click.prevent="onSubmit('form')">查询</el-button>
<el-button @@click.prevent="reset('form')">重置</el-button>
</el-form-item>
</el-form>
<el-table :data="tableData" style="width: 100%" tooltip-effect="dark" @@selection-change="handleSelectionChange" row-key="id"
:expand-row-keys="expands" @@row-click="clickRowHandle">
<el-table-column type="expand">
<template slot-scope="props">
<el-table :data="tableDataBuilding" style="width: 90%;margin:0 auto;" tooltip-effect="dark" @@selection-change="handleSelectionChange" row-key="id"
:expand-row-keys="expandChilds" @@row-click="clickRowHandleBuilding">
<el-table-column type="expand">
<template slot-scope="props">
<el-form label-position="left" class="demo-table-expand" :model="props.row">
<el-form-item label="幢名称：">
<span style="font-weight:bold;">{{ props.row.buildingName }}</span>
</el-form-item>
<el-form-item label="地址：">
<span style="font-weight:bold;">{{ props.row.address }}</span>
</el-form-item>
<el-form-item label="层数：">
<span style="font-weight:bold;">{{ props.row.levelCount }}</span>
</el-form-item>
<el-form-item label="总户数：">
<span style="font-weight:bold;">{{ props.row.households }}</span>
</el-form-item>
<el-form-item label="建设单位：">
<span style="font-weight:bold;">{{ props.row.buildingUnit }}</span>
</el-form-item>
<el-form-item label="设计单位：">
<span style="font-weight:bold;">{{ props.row.desingerUnit }}</span>
</el-form-item>
<el-form-item label="施工单位：">
<span style="font-weight:bold;">{{ props.row.constructionUnit }}</span>
</el-form-item>
<el-form-item label="监理单位：">
<span style="font-weight:bold;">{{ props.row.monitorUnit }}</span>
</el-form-item>
<el-form-item label="物业单位：">
<span style="font-weight:bold;">{{ props.row.wuYeUnit }}</span>
</el-form-item>
<el-form-item prop="curwallproblems">
8.1 墙体问题的类型是：<span style="font-weight:bold;">{{ props.row.curwallproblems }}</span>
</el-form-item>
<el-form-item prop="curwallproblemother">
8.1 其他：<span style="font-weight:bold;">{{ props.row.curwallproblemother }}</span>
</el-form-item>
<el-form-item label="" v-if="props.row.curwallproblems?.length>1">
8.2 哪个问题最先开始出现？
<span style="font-weight:bold;">{{ props.row.wallproblemsfirst }}</span>
</el-form-item>
<el-form-item prop="firstproblemdate">
8.3 第一次出现墙体问题是建成后____年？
<span style="font-weight:bold;">{{ props.row.firstproblemdate }}</span>
</el-form-item>
<el-form-item prop="problemfrequency">
8.4 墙体脱落发生频率如何？
<span style="font-weight:bold;">{{ props.row.problemfrequency }}</span>
</el-form-item>
<el-form-item prop="problemseason">
8.5 问题多发生在哪个季节？
<span style="font-weight:bold;">{{ props.row.problemseason }}</span>
</el-form-item>
<el-form-item prop="wallproblemtoward">
8.6 墙体问题发生的朝向是哪面？
<span style="font-weight:bold;">{{ props.row.wallproblemtoward }}</span>
</el-form-item>
<el-form-item>
8.7 问题照片：
<div class="blocks">
<div class="block" v-for="fit in props.row.outside_wall_building_photos" :key="fit" @@click="handlePreview(fit,props.row.outside_wall_building_photos)">
<span class="title">{{ fit.toward }}</span>
<el-avatar shape="square" :size="100" fit="fill" :src="fit.preview"></el-avatar>
</div>
</div>
</el-form-item>
<el-form-item prop="problemfanwei">
8.8 发生外墙问题的范围有多大？
<span style="font-weight:bold;">{{ props.row.problemfanwei }}</span>
</el-form-item>
<el-form-item prop="problemheight">
8.9 外墙问题发生在哪个高度？
<span style="font-weight:bold;">{{ props.row.problemheight }}</span>
</el-form-item>
<el-form-item prop="diaoluowu">
8.10 掉落物是什么？
<span style="font-weight:bold;">{{ props.row.diaoluowu }}</span>
</el-form-item>
</el-form>
</template>
</el-table-column>
<el-table-column label="幢名称">
<template slot-scope="props">
{{ props.row.buildingName}}
</template>
</el-table-column>
<el-table-column label="地址">
<template slot-scope="props">
{{ props.row.address}}
</template>
</el-table-column>
</el-table>
</template>
</el-table-column>
<el-table-column label="提交码">
<template slot-scope="props">
{{ props.row.submitCode}}
</template>
</el-table-column>
<el-table-column label="社区/小区名称">
<template slot-scope="props">
{{ props.row.communityName}}
</template>
</el-table-column>
<el-table-column label="提交日期">
<template slot-scope="props">
{{ dateFormat("mm-dd", props.row.createtime )}}
</template>
</el-table-column>
<el-table-column label="交付年份">
<template slot-scope="props">
{{ props.row.deliveryear}}
</template>
</el-table-column>
<el-table-column label="楼栋数">
<template slot-scope="props">
{{ props.row.buildcount}}
</template>
</el-table-column>
<el-table-column label="住户总数">
<template slot-scope="props">
{{ props.row.householdcount}}
</template>
</el-table-column>
<el-table-column label="总建筑面积">
<template slot-scope="props">
{{ props.row.totalfloorage}}
</template>
</el-table-column>
<el-table-column label="存在外墙问题">
<template slot-scope="props">
{{ props.row.isExistProblem==1?'是':'否' }}
</template>
</el-table-column>
<el-table-column label="请人修复">
<template slot-scope="props">
{{ props.row.problemismodify==1?'是':'否'}}
</template>
</el-table-column>
<el-table-column label="修复单位">
<template slot-scope="props">
{{ props.row.problemmodifyunitname}}
</template>
</el-table-column>
<el-table-column label="是否再次发生问题">
<template slot-scope="props">
{{ props.row.problemmodifyisagain==1?'是':'否'}}
</template>
</el-table-column>
<el-table-column label="联系方式">
<template slot-scope="props">
{{ props.row.contract}}
</template>
</el-table-column>
<el-table-column label="外墙照片">
<template slot-scope="props">
<el-button @@click.native.stop="lookphoto(props.row.outside_wall_photos)">点我查看</el-button>
</template>
</el-table-column>
</el-table>
<h3 style="text-align:center;">
<el-button @@click="toBuildPage">查看幢统计</el-button>
@*<el-button type="primary" @@click="export_excel" :loading="loading">导出Excel</el-button>*@
</h3>
<el-image ref="myImg" class="my-img" :src="dialogImageUrl" :preview-src-list="dialogImageUrls">
</el-image>
<el-dialog title="图片预览" :visible.sync="dialogTableVisible">
<div class="blocks">
<div class="block" v-for="fit in outside_wall_photos" :key="fit" @@click="handlePreview(fit,outside_wall_photos)">
<span class="title">{{ fit.toward }}</span>
<el-avatar shape="square" :size="100" fit="fill" :src="fit.preview"></el-avatar>
</div>
</div>
</el-dialog>
</div>
</body>
<script>
new Vue({
el: '#app',
data: function () {
return {
form: {
},
tableData: [],
tableDataBuilding: [],
loading: false,
token: '',
communitys: [],
communityId: '',
// 获取row的key值
getRowKeys(row) {
return row.id;
},
// 要展开的行，数值的元素是row的key值
expands: [],
expandChilds: [],
childFileList: [],
dialogImageUrl: '',
dialogImageUrls: [],
outside_wall_photos: [],
dialogTableVisible: false,
}
},
created: function () {
this.check_login()
this.loading = true;
this.GetCommunitys('');
},
methods: {
lookphoto(outside_wall_photos) {
debugger;
this.outside_wall_photos = outside_wall_photos
this.dialogTableVisible = true
},
handlePreview(src, srcs) {
debugger
this.loading = true;
console.log(src);
this.dialogImageUrl = src.preview;
this.dialogImageUrls = srcs.map(a => { return a.preview })
this.$refs.myImg.showViewer = true
const m = (e) => { e.preventDefault() };
document.body.style.overflow = 'hidden';
document.addEventListener("touchmove", m, false); // 禁止页面滑动
this.loading = false;
},
clickRowHandleBuilding(row, column, event) {
if (this.expandChilds.includes(row.id)) {
//return;
this.expandChilds = this.expandChilds.filter(val => val !== row.id);
} else {
this.expandChilds = [];
this.expandChilds.push(row.id);
}
},
clickRowHandle(row, column, event) {
if (this.expands.includes(row.id)) {
//return;
this.expands = this.expands.filter(val => val !== row.id);
//收缩
this.tableDataBuilding = [];
} else {
let _this = this;
const loading = this.$loading({
lock: true,
text: '加载中...请稍候',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
axios({
headers: { 'Content-Type': 'application/json;charset=UTF-8' },
method: 'post',
url: '/gb/yjb/api/outsidewall/querybuilding',
data: { wallId: row.id },
responseType: "json",
headers: {
Authorization: 'Bearer ' + _this.token
}
}).then(async response => {
this.expands = [];
this.expands.push(row.id);
if (response.data.success == true) {
_this.tableDataBuilding = response.data.data;
//_this.childFileList = [];
//_this.tableDataBuilding.forEach((a) => {
// _this.childFileList.push({ filelist1: a.outside_wall_building_photo1, filelist2: a.outside_wall_building_photo2, filelist3: outside_wall_building_photo3, filelist4: outside_wall_building_photo4 })
//});
} else {
_this.$alert(`<div>` + response.data.message + `</div>`, '错误', {
confirmButtonText: '确定', dangerouslyUseHTMLString: true, center: true, closeOnClickModal: true
}).then(a => { }).catch(err => { console.log(err) });
}
loading.close();
}).catch(async error => {
console.log(error)
_this.$message({
type: 'error',
message: error.message
});
loading.close();
})
}
},
handleSelectionChange(val) {
this.multipleSelection = val;
},
GetCommunitys(queryString) {
let _this = this;
axios({
headers: { 'Content-Type': 'application/json;charset=UTF-8' },
method: 'get',
url: '/gb/yjb/api/outsidewall/Communitys?searchkey=' + queryString,
responseType: "json",
}).then(async response => {
_this.communitys = response.data.data
_this.loading = false;
}).catch(async error => {
console.log(error)
_this.$message({
type: 'error',
message: error.message
})
_this.loading = false;
})
},
selectCommunity(v) {
//this.form.communityName = this.getLabel(this.communitys, v);
this.communityId = v
},
onSubmit(formName) {
console.log('submit!');
let _this = this;
this.$refs[formName].validate((valid) => { // 为表单绑定验证功能
if (valid) {
//this.$alert("成功", "提示")
axios({
headers: { 'Content-Type': 'application/json;charset=UTF-8' },
method: 'post',
url: '/gb/yjb/api/outsidewall/query',
data: _this.form,
responseType: "json",
headers: {
Authorization: 'Bearer ' + _this.token
}
}).then(async response => {
if (response.data.success == true) {
_this.tableData = response.data.data;
} else {
_this.$alert(`<div>` + response.data.message + `</div>`, '错误', {
confirmButtonText: '确定', dangerouslyUseHTMLString: true, center: true, closeOnClickModal: true
}).then(a => { }).catch(err => { console.log(err) });
}
_this.loading = false;
}).catch(async error => {
console.log(error)
_this.$message({
type: 'error',
message: error.message
})
_this.loading = false;
})
}
});
}, reset(formName) {
this.form = {}
},
export_excel() {
this.loading = true;
this.download('/gb/yjb/api/ningbozhichun/export_excel', this.dateFormat("YYYYmmddHHMMSS", new Date()) + "-共赴宁波之春.xlsx", this.loading_false);
},
check_login() {
this.token = window.sessionStorage.getItem('__TOKEN');
if (!this.token)
location = '/gb/yjb/manage/login'
},
toBuildPage() {
location = '/gb/yjb/OutsideWall/BuildingResult'
},
loading_false() { this.loading = false },
download(url, filename, callback) {
let _this = this;
axios({
headers: { 'Content-Type': 'application/json;charset=UTF-8' },
method: 'post',
url: url,
data: {},
responseType: "blob",
headers: {
Authorization: 'Bearer ' + _this.token
}
}).then(function (response) {
console.log(response);
//解析文件充blod中解析
const url = window.URL.createObjectURL(
new Blob([response.data], { type: "application/vnd.ms-excel" })
);
const link = document.createElement("a");
link.style.display = "none";
link.href = url;
link.setAttribute("download", filename);
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
callback();
}).catch(function (error) {
callback();
console.log(error)
_this.$message({
type: 'error',
message: error.message
})
})
},
getMonthWeek(now) {
var a = now.getYear();
var b = now.getMonth() + 1;
var c = now.getDate();
/*
a = d = 当前日期
b = 6 - w = 当前周的还有几天过完(不算今天)
a + b 的和在除以7 就是当天是当前月份的第几周
*/
var date = new Date(a, parseInt(b) - 1, c), w = date.getDay(), d = date.getDate();
return Math.ceil(
(d + 6 - w) / 7
);
},
dateFormat(fmt, d) {
const date = new Date(d);
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;
}
}
})
</script>
<style lang="less">
.my-img {
display: none;
width: 100px;
height: 100px;
}
</style>
<style scoped>
.demo-table-expand .el-form-item {
border-bottom: 1px solid rgb(204, 204, 204);
}
.blocks {
display: flex;
text-align: center;
justify-content: space-between;
flex-wrap: wrap;
max-width: 1000px;
}
.block {
flex: 1;
display: flex;
flex-direction: column;
flex-grow: 0;
margin-right: 10px;
}
.block .title {
margin-bottom: 10px;
font-size: 14px;
color: #8492a6;
}
.el-avatar {
background: none !important;
}
.el-avatar img {
margin: 0 auto;
width: inherit;
height: auto !important;
}
.el-upload-list__item:first-child {
margin-top: 0 !important;
}
.el-upload-list__item {
margin-top: 0 !important;
}
.upload-demo {
margin-bottom: 20px;
border: 1px solid #ccc;
border-radius: 4px;
padding: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.el-upload-dragger {
width: 200px !important;
height: 50px !important;
}
.el-upload-dragger .el-icon-upload {
display: none !important;
}
.el-upload-dragger .el-upload__text {
line-height: 50px !important;
}
.el-upload__tip {
margin-top: -23px !important;
}
.demo-table-expand {
font-size: 0;
}
.demo-table-expand label {
/* width: 90px;*/
color: #99a9bf;
}
.demo-table-expand .el-form-item {
margin-right: 0;
margin-bottom: 5px;
width: 90%;
}
.buhuanhang {
white-space: nowrap;
width: 21%;
}
.text {
font-size: 14px;
}
.item {
padding: 18px 0;
}
.box-card {
width: 98%;
margin: 0 auto;
}
.el-card__body {
padding: 12px;
}
.el-card__body p {
margin: 0px;
margin-bottom: 5px;
line-height: 1.2;
}
.el-radio.is-bordered {
margin-bottom: 10px;
}
.el-radio-button--small .el-radio-button__inner {
border-left: 1px solid #DCDFE6;
}
</style>
<style scoped>
.buhuanhang {
white-space: nowrap;
width: 21%;
}
.text {
font-size: 14px;
}
.item {
padding: 18px 0;
}
.box-card {
width: 98%;
margin: 0 auto;
}
.el-card__body {
padding: 12px;
}
.el-card__body p {
margin: 0px;
margin-bottom: 5px;
line-height: 1.2;
}
.el-radio.is-bordered {
margin-bottom: 10px;
}
.el-radio-button--small .el-radio-button__inner {
border-left: 1px solid #DCDFE6;
}
</style>
</html>