增加宽度

src/views/modules/shequzhili/tuceng/anquan/xuncharecord/icenterprisechangerecord-add-or-update.vue

@@ -0,0 +1,142 @@
+<template>
+  <el-dialog :visible.sync="visible" title="操作记录" :close-on-click-modal="false" :close-on-press-escape="false">
+      <el-table :cell-style="cellStyle" v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%">
+          <el-table-column show-overflow-tooltip width="200" prop="placeOrgName" label="场所名称" header-align="center" align="center"></el-table-column>
+          <el-table-column show-overflow-tooltip width="200" prop="address" label="场所地址" header-align="center" align="center"></el-table-column>
+          <el-table-column show-overflow-tooltip width="200" prop="placeType" label="场所类型" header-align="center" align="center"></el-table-column>
+          <el-table-column show-overflow-tooltip width="150" prop="scale" label="规模" header-align="center" align="center"></el-table-column>
+          <el-table-column show-overflow-tooltip width="150" prop="personInCharge" label="负责人" header-align="center" align="center"></el-table-column>
+          <el-table-column show-overflow-tooltip width="250" prop="mobile" label="联系电话" header-align="center" align="center"></el-table-column>
+          <el-table-column show-overflow-tooltip width="200" prop="createdTime" label="操作日期" header-align="center" align="center"></el-table-column>
+      </el-table>
+      <el-pagination
+              :current-page="page"
+              :page-sizes="[10, 20, 50, 100]"
+              :page-size="limit"
+              :total="total"
+              layout="total, sizes, prev, pager, next, jumper"
+              @size-change="pageSizeChangeHandle"
+              @current-change="pageCurrentChangeHandle">
+      </el-pagination>
+    <template slot="footer">
+      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+import debounce from 'lodash/debounce'
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/gov/org/enterprise/history/0',
+        getDataListIsPage: true,
+        createdIsNeed: false,
+      },
+      visible: false,
+      historyList:[],
+      dataForm: {
+        id: '',
+        customerId: '',
+        gridId: '',
+        agencyId: '',
+        agencyPids: '',
+        placeType: '',
+        placeOrgName: '',
+        address: '',
+        longitude: '',
+        latitude: '',
+        scale: '',
+        personInCharge: '',
+        mobile: '',
+        sourceType: '',
+        latestResult: '',
+        latestPatrolTime: '',
+        delFlag: '',
+        revision: '',
+        createdBy: '',
+        createdTime: '',
+        updatedBy: '',
+        updatedTime: ''
+      }
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+      }
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.$nextTick(() => {
+        if (this.dataForm.id) {
+          this.getInfo()
+        }
+      })
+    },
+    cellStyle({row, column, rowIndex, columnIndex}) {
+      let mark = 'background:red;font-weight:bold;color:#303133;'
+      if(row.placeOrgName.includes('->') && columnIndex === 0){
+        return mark
+      }
+      if(row.address.includes('->') && columnIndex === 1){
+        return mark
+      }
+      if(row.placeType.includes('->') && columnIndex === 2){
+        return mark
+      }
+      if(row.scale.includes('->') && columnIndex === 3){
+        return mark
+      }
+      if(row.personInCharge.includes('->') && columnIndex === 4){
+        return mark
+      }
+      if(row.mobile.includes('->') && columnIndex === 5){
+        return mark
+      }
+    },
+    // 获取信息
+    getInfo () {
+      this.mixinViewModuleOptions.getDataListURL = `/gov/org/icEnterpriseChangeRecord/history/${this.dataForm.id}`
+      this.getDataList()
+      // this.$http.get(`/gov/org/icEnterpriseChangeRecord/history/${this.dataForm.id}`).then(({ data: res }) => {
+      //   if (res.code !== 0) {
+      //     this.historyList = []
+      //     this.total = 0
+      //     return this.$message.error(res.msg)
+      //   }
+      //   this.historyList =  res.data.list
+      //   this.total = res.data.total
+      //
+      // }).catch(() => {})
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.$http[!this.dataForm.id ? 'post' : 'put']('/gov/org/icEnterpriseChangeRecord/', this.dataForm).then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.visible = false
+              this.$emit('refreshDataList')
+            }
+          })
+        }).catch(() => {})
+      })
+    }, 1000, { 'leading': true, 'trailing': false })
+  }
+}
+</script>

src/views/modules/shequzhili/tuceng/anquan/xuncharecord/icenterprisechangerecord.vue

@@ -0,0 +1,358 @@
+<template>
+    <div class="mod-__icEnterpriseChangeRecord} resi-container">
+      <el-card ref="searchCard" class="search-card">
+        <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()" label-width="100px">
+          <el-form-item label="场所名称"
+                        prop="placeOrgName">
+            <el-input v-model="dataForm.placeOrgName"
+                      size="small"
+                      style="width: 240px"
+                      clearable
+                      placeholder="请输入场所名称">
+            </el-input>
+          </el-form-item>
+          <el-form-item label="联系电话"
+                        prop="createdUser">
+            <el-input v-model="dataForm.mobile"
+                      size="small"
+                      style="width: 240px"
+                      clearable
+                      placeholder="请输入联系电话">
+            </el-input>
+          </el-form-item>
+          <el-form-item label="场所区域"
+                        prop="gridId">
+            <el-select
+                    v-model.trim="dataForm.gridId"
+                    placeholder="请选择"
+                    style="width: 240px"
+                    clearable
+            >
+              <el-option
+                      v-for="item in optionsG"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="场所类型"
+                        prop="placeType">
+            <el-select v-model="dataForm.placeType"
+                       placeholder="请选择"
+                       size="small"
+                       style="width: 240px"
+                       clearable>
+              <el-option v-for="item in placeTypeArr"
+                         :key="item.value"
+                         :label="item.label"
+                         :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="规模"
+                        prop="placeType">
+            <el-select v-model="dataForm.scale"
+                       placeholder="请选择"
+                       size="small"
+                       style="width: 240px"
+                       clearable>
+              <el-option v-for="item in scaleArr"
+                         :key="item.value"
+                         :label="item.label"
+                         :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" size="small" class="diy-button--search" @click="getDataList()">{{ $t('query') }}</el-button>
+
+            <el-button  style="margin-left:10px"
+                        size="small"
+                        type="primary"
+                        class="diy-button--reset"
+                        @click="resetSearch">重置</el-button>
+          </el-form-item>
+          <!-- <el-button style="margin-left:10px"
+                     size="small"
+                     type="primary"
+                     class="diy-button--reset"
+                     @click="resetSearch">重置</el-button> -->
+          <!--        <el-form-item>-->
+          <!--          <el-button type="primary" size="small"  @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>-->
+          <!--        </el-form-item>-->
+          <!-- <el-form-item>
+            <el-button size="small" style="margin-left:10px" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
+          </el-form-item> -->
+        </el-form>
+      </el-card>
+      <el-card class="resi-card-table">
+      <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%">
+        <el-table-column label="序号" type="index" align="center" width="50" />
+        <el-table-column prop="placeOrgName" label="场所名称" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="address" label="场所地址" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="placeType" label="场所类型" :formatter="placeTypeFormatter" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="scale" label="规模" :formatter="scaleFormatter" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="personInCharge" label="负责人" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="mobile" label="联系电话" header-align="center" align="center"></el-table-column>
+        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.enterpriseId)">{{ '操作记录' }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        :current-page="page"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="limit"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="pageSizeChangeHandle"
+        @current-change="pageCurrentChangeHandle">
+      </el-pagination>
+      </el-card>
+      <!-- 弹窗, 新增 / 修改 -->
+      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+    </div>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+import AddOrUpdate from './icenterprisechangerecord-add-or-update'
+import { requestPost } from "@/js/dai/request";
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/gov/org/enterprise/page',
+        getDataListIsPage: true,
+        deleteURL: '/gov/org/icEnterpriseChangeRecord',
+        deleteIsBatch: true
+      },
+      scaleArr: [],
+      resultArr: [{
+        value: '0',
+        label: '合格'
+      },{
+        value: '1',
+        label: '不合格'
+      }],
+      placeTypeArr: [],
+      agencyIdArray: [],
+      optionsG: [],
+      orgOptions: [],
+      orgOptionProps:{
+        multiple: false,
+        value: 'value',
+        label: 'label',
+        children: 'children',
+        checkStrictly: true
+      },
+      dataForm: {
+        id: ''
+      }
+    }
+  },
+  components: {
+    AddOrUpdate
+  },
+  created () {
+    this.getGridList()
+    this.getPlaceTypeList()
+    this.getScaleList()
+  },
+  methods: {
+    placeTypeFormatter (row) {
+      let re = ''
+      this.placeTypeArr.forEach((item) => {
+        if (item.value === row.placeType) {
+          re = item.label
+        }
+      })
+      return re
+    },
+    scaleFormatter (row) {
+      let re = ''
+      this.scaleArr.forEach((item) => {
+        if (item.value === row.scale) {
+          re = item.label
+        }
+      })
+      return re
+    },
+    resultFormatter (row) {
+      let re = ''
+      this.resultArr.forEach((item) => {
+        if (item.value === row.latestResult) {
+          re = item.label
+        }
+      })
+      return re
+    },
+    getPlaceTypeList() {
+      const { user } = this.$store.state
+      this.$http
+              .post('/gov/org/coverage/dict-select-list/enterprise_patrol', {})
+              .then(({ data: res }) => {
+                if (res.code !== 0) {
+                  return this.$message.error(res.msg)
+                } else {
+                  console.log('获取查询详情成功', res.data)
+                  this.placeTypeArr = res.data
+                }
+              })
+              .catch(() => {
+                return this.$message.error('网络错误')
+              })
+    },
+    getGridList() {
+      const { user } = this.$store.state
+      this.$http
+              .post('/gov/org/customergrid/gridoption', { agencyId: user.agencyId, purpose: 'query' })
+              .then(({ data: res }) => {
+                if (res.code !== 0) {
+                  return this.$message.error(res.msg)
+                } else {
+                  console.log('获取查询详情成功', res.data)
+                  this.optionsG = res.data
+                }
+              })
+              .catch(() => {
+                return this.$message.error('网络错误')
+              })
+    },
+    exportHandle () {
+      const url = this.mixinViewModuleOptions.exportURL
+      this.$http({
+        method: 'GET',
+        url,
+        responseType: 'blob',
+        params: this.dataForm
+      }).then(res => {
+        // this.download(res.data, title + '.xls')
+        if (res.headers["content-disposition"]) {
+          let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1])
+          console.log('filename', fileName)
+          let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' })
+          var url = window.URL.createObjectURL(blob)
+          var aLink = document.createElement('a')
+          aLink.style.display = 'none'
+          aLink.href = url
+          aLink.setAttribute('download', fileName)
+          document.body.appendChild(aLink)
+          aLink.click()
+          document.body.removeChild(aLink) //下载完成移除元素
+          window.URL.revokeObjectURL(url) //释放掉blob对象
+        } else this.$message.error('下载失败')
+      }).catch(err => {
+        console.log('err', err)
+        return this.$message.error('网络错误')
+      })
+    },
+    //重置搜索条件
+    resetSearch () {
+      this.agencyIdArray = []
+      this.dataForm = {
+        agencyId: '',
+        gridId: '',
+        logType: '',
+        createdUser: '',
+        startTime: '',
+        endTime: '',
+        mobile: ''
+      }
+
+      this.getDataList()
+    },
+    // 字典
+    async getScaleList () {
+      console.log(localStorage.getItem('token'))
+      const url = "/sys/dict/data/dictlist"
+
+      let params = {
+        dictType: 'scale'
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.scaleArr = data
+      } else {
+        this.$message.error(msg)
+      }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+  @import "@/assets/scss/buttonstyle.scss";
+
+  .resi-container .resi-card-table {
+    ::v-deep .el-table th {
+      color: #fff;
+      background-color: rgba(33, 149, 254, 1);
+      // border-right: 1px solid rgba(33, 149, 254, 1);
+    }
+  }
+  .resi-table {
+    ::v-deep .el-button--text {
+      text-decoration: underline;
+    }
+    ::v-deep .btn-color-del {
+      margin-left: 10px;
+      color: rgba(213, 16, 16, 1);
+    }
+    ::v-deep .btn-color-edit {
+      color: rgba(0, 167, 169, 1);
+    }
+  }
+
+  .resi-row-btn {
+    margin-bottom: 13px;
+    .upload-btn {
+      display: inline-block;
+      margin: 0 10px;
+    }
+  }
+
+  .form-wr {
+    .input-width {
+      width: 260px;
+
+    }
+    .input-width-textarea {
+      width: 500px;
+    }
+    .imsg-list {
+      display: flex;
+      align-items: center;
+      .imgs-item {
+        position: relative;
+        margin-right: 10px;
+        .el-icon-delete {
+          position: absolute;
+          top: 0;
+          right: 0;
+          font-size: 18px;
+          color: red;
+          z-index: 3;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+  .div-content {
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+</style>
+
+<style>
+  .el-table .warning-row {
+    background: #ffe168;
+  }
+</style>