添加天气配置

public/js/config.js

@@ -18,7 +18,7 @@ var COMPANY = ""; //通用
 // COMPANY = 'jlw'//金林湾
 // COMPANY = 'shzj' //上海张江
 // COMPANY = 'shjg'//上海优益（上海建工）
-COMPANY = "agjt"; //鞍钢集团
+// COMPANY = "agjt"; //鞍钢集团
 // COMPANY = 'zkax' //中科安信
 // COMPANY = 'hfqc' //乌丹站舍(合肥启程)
 // COMPANY = 'mulei'   //木垒

src/assets/js/api/weather.js

@@ -0,0 +1,9 @@
+/**
+ * api接口统一管理
+ */
+import { post, get } from '../http'
+export const getWeatherPage = data => post('xmgl/weather/page', data) //查询列表数据
+export const weatherAdd = data => post('xmgl/weather/add', data) //新增
+export const weatherEdit = data => post('xmgl/weather/edit', data) //编辑
+export const weatherDelete = data => post('xmgl/weather/delete', data) //删除
+export const weatherImportExcel = data => post('xmgl/weather/importExcel', data)

src/components/header.vue

@@ -638,7 +638,7 @@ export default {
         this.jumpToken = localStorage.getItem("jumpToken");
         let userId = this.$store.state.userInfo.userId;
         window.open(this.newBigScreen + "?userId=" + userId + '&sn=' + this.$store.state.projectSn, "_self");
-        // window.open('http://192.168.34.138:8081/#/large?token=' + this.jumpToken + '&sn=' + this.$store.state.projectSn, "_self")//这里是后台跳到大屏的操作，携带token过去
+        // window.open('http://192.168.34.216:8081/#/large?userId=' + userId + '&sn=' + this.$store.state.projectSn, "_self")//这里是后台跳到大屏的操作，携带token过去
       }
       // if (this.newBigScreen != null) {
       //   console.log("当前跳转链接",this.newBigScreen)

src/router/index.js

@@ -295,6 +295,13 @@ const routes2 = [{
                 component: () =>
                     import ("@/views/projectFront/projectSummary/manageTeam.vue"),
             },
+            //天气管理
+            {
+                path: "/project/summary/weatherManagement",
+                name: "天气管理",
+                component: () =>
+                    import ("@/views/projectFront/projectSummary/weatherManagement.vue"),
+            },
             {
                 path: "/project/summary/cooperationUnit",
                 name: "项目概况_合作单位",

src/views/projectFront/projectSummary/weatherManagement.vue

@@ -0,0 +1,266 @@
+<template>
+  <div class="fullHeight">
+    <div class="searchBox whiteBlock">
+      <el-button type="warning" size="medium" plain @click="refresh">{{ $t('message.deviceManage.refresh') }}</el-button>
+      <el-button type="primary" size="medium" @click="add">{{ $t('message.deviceManage.add') }}</el-button>
+      <!-- <el-upload
+        style="margin: 0px 15px; display: inline"
+        class="upload-demo expintBtn"
+        name="mppFile"
+        :on-success="handleImportSuccess"
+        :file-list="fileList"
+        :action="$http.defaults.baseURL + 'xmgl/weather/importExcel'"
+        :data="{ projectSn: $store.state.projectSn }"
+        :show-file-list="false"
+        :headers="headers"
+      >
+        <el-button size="medium" type="primary">导入</el-button>
+      </el-upload> -->
+    </div>
+    <div class="table_wrap whiteBlock">
+      <el-table class="tables" :data="dataList" height="800">
+        <el-table-column prop="city" align="center" label="城市名称"></el-table-column>
+        <el-table-column prop="date" label="预报日期" align="center"></el-table-column>
+        <el-table-column prop="temDay" label="白天温度(高温)" align="center"></el-table-column>
+        <el-table-column prop="temNight" label="白天温度(低温)" align="center"></el-table-column>
+        <el-table-column prop="wea" label="天气情况" align="center"></el-table-column>
+        <el-table-column prop="win" label="风向" align="center"></el-table-column>
+        <el-table-column prop="winSpeed" label="风力等级" align="center"></el-table-column>
+        <el-table-column :label="$t('message.deviceManage.operation')" align="center">
+          <template slot-scope="scope">
+            <div class="tableBtns">
+              <div
+                v-permission="{ key: 'gltd_edit', menuPath: '/project/summary/manageTeam' }"
+                @click="edit(scope.row)"
+                class="operationText"
+              >
+                <img src="@/assets/images/icon-edit.png" width="15px" height="15px" />
+                <span>{{ $t('message.deviceManage.edit') }}</span>
+              </div>
+              <div
+                v-permission="{ key: 'gltd_delete', menuPath: '/project/summary/manageTeam' }"
+                @click="deleteDev(scope.row)"
+                class="operationText"
+              >
+                <img src="@/assets/images/icon-delete.png" width="15px" height="15px" />
+                <span>{{ $t('message.deviceManage.delete') }}</span>
+              </div>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <el-dialog
+      :modal-append-to-body="false"
+      @close="close"
+      :title="Popup.type === 'add' ? '新增天气' : '编辑天气'"
+      :visible.sync="Popup.show"
+      width="667px"
+    >
+      <div class="dialog_content">
+        <el-form
+          v-if="Popup.type === 'add' || Popup.type === 'edit'"
+          size="medium"
+          ref="addEditForm"
+          :model="addEditForm"
+          :rules="addEditRules"
+          label-width="140px"
+          class="dialogFormBox"
+        >
+          <el-form-item label="城市名称" prop="city">
+            <el-input v-model="addEditForm.city" :placeholder="$t('message.deviceManage.placeholder')"></el-input>
+          </el-form-item>
+          <el-form-item label="预报日期" prop="date">
+            <el-date-picker
+              v-model="addEditForm.date"
+              value-format="yyyy-MM-dd"
+              type="date"
+              :placeholder="$t('message.projectInfo.chooseDate')"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="白天温度(高温)" prop="temDay">
+            <el-input v-model="addEditForm.temDay" :placeholder="$t('message.deviceManage.placeholder')"></el-input>
+          </el-form-item>
+          <el-form-item label="白天温度(低温)" prop="date">
+            <el-input v-model="addEditForm.temNight" :placeholder="$t('message.deviceManage.placeholder')"></el-input>
+          </el-form-item>
+          <el-form-item label="天气情况" prop="wea">
+            <el-input v-model="addEditForm.wea" :placeholder="$t('message.deviceManage.placeholder')"></el-input>
+          </el-form-item>
+          <el-form-item label="天气图标" prop="weaImg">
+            <el-select v-model="addEditForm.weaImg" placeholder="请选择">
+              <el-option v-for="item in iconOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="风向" prop="win">
+            <el-input v-model="addEditForm.win" :placeholder="$t('message.deviceManage.placeholder')"></el-input>
+          </el-form-item>
+          <el-form-item label="风力等级" prop="winSpeed">
+            <el-input v-model="addEditForm.winSpeed" type="number" :placeholder="$t('message.deviceManage.placeholder')"></el-input>
+          </el-form-item>
+          <div class="dialog-footer">
+            <el-button class="cancleBtn" @click="Popup.show = false" icon="el-icon-circle-close" size="medium"
+              >{{ $t('message.deviceManage.cancel') }}
+            </el-button>
+            <el-button type="primary" icon="el-icon-circle-check" @click="submit" size="medium"
+              >{{ $t('message.deviceManage.save') }}
+            </el-button>
+          </div>
+        </el-form>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { getWeatherPage, weatherAdd, weatherEdit, weatherDelete } from '@/assets/js/api/weather'
+
+export default {
+  mounted() {
+    this.getList()
+  },
+  computed: {
+    headers() {
+      return { Authorization: this.$store.state.userInfo.token }
+    }
+  },
+  data() {
+    return {
+      props: {
+        multiple: true
+      },
+      fileList: [], //上传文件
+      //   xue、lei、shachen、wu、bingbao、yun、yu、yin、qing
+      iconOptions: [
+        { label: '晴', value: 'qing' },
+        { label: '阴', value: 'yin' },
+        { label: '雨', value: 'yu' },
+        { label: '雪', value: 'xue' },
+        { label: '雷', value: 'lei' },
+        { label: '沙尘', value: 'shachen' },
+        { label: '雾', value: 'wu' },
+        { label: '冰雹', value: 'bingbao' },
+        { label: '云', value: 'yun' }
+      ],
+      addEditRules: {
+        city: [{ required: true, message: '请输入城市名称', trigger: 'blur' }],
+        date: [{ required: true, message: '请选择预报日期', trigger: 'change' }],
+        temDay: [{ required: true, message: '请输入白天温度', trigger: 'blur' }],
+        temNight: [{ required: true, message: '请输入白天温度', trigger: 'blur' }],
+        wea: [{ required: true, message: '请输入天气情况', trigger: 'blur' }],
+        weaImg: [{ required: true, message: '请选择天气图标', trigger: 'change' }],
+        win: [{ required: true, message: '请输入风向', trigger: 'blur' }],
+        winSpeed: [{ required: true, message: '请输入风力等级', trigger: 'blur' }]
+      },
+      addEditForm: {},
+      dataList: [],
+      Popup: {
+        type: 'add',
+        show: false
+      }
+    }
+  },
+  methods: {
+    handle(type, show) {
+      //打开弹窗前的统一处理
+      this.Popup = {
+        type: type,
+        show: show
+      }
+    },
+    add() {
+      this.handle('add', true)
+    },
+    edit(obj) {
+      this.addEditForm = JSON.parse(JSON.stringify(obj))
+      // this.$forceUpdate();
+      console.log('#编辑', obj)
+      this.handle('edit', true)
+    },
+    deleteDev(obj) {
+      console.log('删除', obj)
+      this.$confirm(this.$t('message.projectInfo.confirmTipText') + '?', this.$t('message.projectInfo.tip'), {
+        confirmButtonText: /* '确定', */ this.$t('message.energyManage.material.confirm'),
+        cancelButtonText: /* '取消', */ this.$t('message.energyManage.material.cancel'),
+        type: 'warning'
+      })
+        .then(() => {
+          weatherDelete({ id: obj.id }).then(result => {
+            if (result.success) {
+              this.$message.success(result.message)
+              this.getList()
+            }
+          })
+        })
+        .catch(() => {})
+    },
+    submit() {
+      let params = JSON.parse(JSON.stringify(this.addEditForm))
+      params.projectSn = this.$store.state.projectSn
+      this.$refs.addEditForm.validate(valid => {
+        if (valid) {
+          const api = this.Popup.type === 'add' ? weatherAdd : weatherEdit
+          api(params).then(result => {
+            if (result.success) {
+              this.$message.success(result.message)
+              this.getList()
+            }
+          })
+          this.Popup.show = false
+        } else {
+          return false
+        }
+      })
+    },
+    // 导入成功
+    handleImportSuccess(res) {
+      if (res.code == 200) {
+        this.$message.success(res.message)
+        this.getList()
+      } else {
+        this.$message.error(res.message)
+      }
+      console.log('导入', res)
+    },
+    refresh() {
+      this.getList()
+    },
+    getList() {
+      getWeatherPage({
+        projectSn: this.$store.state.projectSn
+      }).then(res => {
+        if (res.success) {
+          console.log('records', res.result.records)
+          this.dataList = res.result.records
+          console.log('run', this.dataList)
+        }
+      })
+    },
+    close() {
+      this.addEditForm = {}
+      this.$nextTick(() => {
+        this.$refs.addEditForm.clearValidate()
+      })
+    }
+  }
+}
+</script>
+<style lang="less" scoped>
+.tables {
+  img {
+    cursor: pointer;
+  }
+}
+
+.tableBtns {
+  display: flex;
+  justify-content: center;
+}
+
+.yj-dialogFormBox {
+  width: 462px;
+}
+::v-deep .el-input__inner {
+  line-height: 1px !important;
+}
+</style>