|
@@ -0,0 +1,186 @@
|
|
|
+<template>
|
|
|
+ <div class="main">
|
|
|
+ <el-button type="primary" @click="save" style="margin: 20px"
|
|
|
+ >保存</el-button
|
|
|
+ >
|
|
|
+ <el-button type="primary" @click="back" style="margin:20px">返回</el-button>
|
|
|
+ <el-button type="primary" @click="bdz" style="margin:20px">表底</el-button>
|
|
|
+ <!-- 表格 -->
|
|
|
+ <el-table :data="tableData" style="width: 100%" max-height="800px">
|
|
|
+ <el-table-column
|
|
|
+ v-for="(i, index) in tableClu.slice(0, 3)"
|
|
|
+ :key="index"
|
|
|
+ :prop="i"
|
|
|
+ :label="i | clu"
|
|
|
+ width="240"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row[i] }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ v-for="(k, index) in tableCluObj"
|
|
|
+ :key="index"
|
|
|
+ :label="k.split('_')[0]"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ v-for="i in tableClu.slice(3 + index * 2, 5 + index * 2)"
|
|
|
+ :key="i"
|
|
|
+ :prop="i"
|
|
|
+ label="当日值"
|
|
|
+ width="100"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-input
|
|
|
+ v-if="tableString.indexOf(i) != -1"
|
|
|
+ :disabled="scope.row['是否可编辑'] == 1 || routerData.isConfirm == 1"
|
|
|
+ size="mini"
|
|
|
+ @change="changeNum(scope.row)"
|
|
|
+ v-model="scope.row[i]"
|
|
|
+ ></el-input>
|
|
|
+ <label v-else>{{ scope.row[i] }}</label>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import dateFormat from "../../public/js/dateFormat";
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ routerData: this.$route.params,
|
|
|
+ tableData: [],
|
|
|
+ tableClu: [],
|
|
|
+ tableCluObj: [],
|
|
|
+ tableString: [],
|
|
|
+ sendData: [],
|
|
|
+ timeValue: [
|
|
|
+ dateFormat(
|
|
|
+ "yyyy-MM-dd",
|
|
|
+ new Date(new Date().setDate(new Date().getDate() - 5))
|
|
|
+ ),
|
|
|
+ dateFormat("yyyy-MM-dd", new Date()),
|
|
|
+ ],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.fetch();
|
|
|
+ console.log(this.routerData);
|
|
|
+ },
|
|
|
+
|
|
|
+ mounted() {},
|
|
|
+ filters: {
|
|
|
+ clu(val) {
|
|
|
+ switch (val) {
|
|
|
+ case "name":
|
|
|
+ return "名称";
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ return val;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ datefil(val) {
|
|
|
+ return dateFormat("yyyy-MM-dd HH:mm:ss", new Date(val));
|
|
|
+ },
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ async fetch() {
|
|
|
+ const res = await this.$http.get(
|
|
|
+ `analysisplus/tjfxlist?theday=${dateFormat(
|
|
|
+ "yyyy-MM-dd",
|
|
|
+ new Date(this.routerData.data.theday)
|
|
|
+ )}&wpid=${this.routerData.data.wpid}&identity=${
|
|
|
+ this.routerData.data.wpid.substring(this.routerData.data.wpid.length - 3) ==
|
|
|
+ "FDC"
|
|
|
+ ? 0
|
|
|
+ : 1
|
|
|
+ }`
|
|
|
+ );
|
|
|
+ console.log(res.data);
|
|
|
+ for (let k of Object.keys(res.data[0])) {
|
|
|
+ for (let i of res.data) {
|
|
|
+ if (typeof i[k] == "object") {
|
|
|
+ if (i[k] != null) {
|
|
|
+ for (let p of Object.keys(i[k])) {
|
|
|
+ console.log(i[k][p]);
|
|
|
+ i[k + p] = i[k][p];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.tableData = res.data;
|
|
|
+ console.log(res.data);
|
|
|
+ for (let i of Object.keys(res.data[0])) {
|
|
|
+ if (typeof res.data[0][i] != "object") {
|
|
|
+ if (i != "是否可编辑") {
|
|
|
+ this.tableClu.push(i);
|
|
|
+ }
|
|
|
+
|
|
|
+ } else {
|
|
|
+ this.tableCluObj.push(i);
|
|
|
+ }
|
|
|
+ this.tableCluObj.sort(function(n,m){
|
|
|
+ return parseInt(n.split('_')[1])-parseInt(m.split('_')[1]);
|
|
|
+ })
|
|
|
+ }
|
|
|
+ for (let i of this.tableCluObj) {
|
|
|
+ this.tableString.push(i + "当日值(编辑)");
|
|
|
+ }
|
|
|
+ console.log(this.tableCluObj);
|
|
|
+ },
|
|
|
+ back(){
|
|
|
+ this.$router.push({ name: "home", params: { beginDate: this.routerData.beginDate,endDate: this.routerData.endDate} });
|
|
|
+ },
|
|
|
+ bdz(){
|
|
|
+ console.log(this.routerData);
|
|
|
+ const param = {
|
|
|
+ theday: this.routerData.data.theday,
|
|
|
+ wpid: this.routerData.data.wpid
|
|
|
+
|
|
|
+ }
|
|
|
+ this.$router.push({ name: "base", params: { data: param,beginDate: this.routerData.beginDate,endDate: this.routerData.endDate} });
|
|
|
+ },
|
|
|
+ changeNum(v) {
|
|
|
+ const date = this.routerData.data.theday;
|
|
|
+ const wpid = this.routerData.data.wpid;
|
|
|
+ v.date = date;
|
|
|
+ v.wpid = wpid;
|
|
|
+ console.log(this.routerData)
|
|
|
+ this.sendData.push(v);
|
|
|
+ },
|
|
|
+ async save() {
|
|
|
+ console.log(this.sendData)
|
|
|
+ const res = await this.$http.post(
|
|
|
+ `analysisplus/tjfxupdate`,
|
|
|
+ this.sendData
|
|
|
+ );
|
|
|
+ console.log(res);
|
|
|
+ this.sendData = [];
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style scoped lang="scss">
|
|
|
+body {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+.main {
|
|
|
+ width: 100%;
|
|
|
+ .top {
|
|
|
+ width: 30%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ .demonstration {
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|