From 2fcb8151d1e607b4f36b7fc19a0421e4693029f5 Mon Sep 17 00:00:00 2001
From: wanggongfeng <1305282856@qq.com>
Date: Fri, 3 Apr 2020 18:17:33 +0800
Subject: [PATCH] =?UTF-8?q?=E5=91=A8=E6=8A=A5=E5=90=8E=E5=8F=B0=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/workRecord/weekrecordinfo.vue     |  41 +--
 .../workRecord/weekrecordinfoDetail.vue       | 248 ++++++++++++++++++
 .../workRecord/weekrecordinforoute.vue        |  29 ++
 3 files changed, 302 insertions(+), 16 deletions(-)
 create mode 100644 src/views/modules/workRecord/weekrecordinfoDetail.vue
 create mode 100644 src/views/modules/workRecord/weekrecordinforoute.vue

diff --git a/src/views/modules/workRecord/weekrecordinfo.vue b/src/views/modules/workRecord/weekrecordinfo.vue
index 7450abad..eefd7321 100644
--- a/src/views/modules/workRecord/weekrecordinfo.vue
+++ b/src/views/modules/workRecord/weekrecordinfo.vue
@@ -8,33 +8,33 @@
         <el-form-item>
           <el-button @click="getDataList()">{{ $t('query') }}</el-button>
         </el-form-item>
-        <el-form-item>
+        <!-- <el-form-item>
           <el-button v-if="$hasPermission('news:weekrecordinfo:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+        </el-form-item> -->
+        <el-form-item>
+          <el-button type="primary" @click="addHandle('',false,'1')">{{ $t('add') }}</el-button>
         </el-form-item>
         <el-form-item>
           <el-button v-if="$hasPermission('news:weekrecordinfo:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
         </el-form-item>
       </el-form>
       <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
-        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
-        <el-table-column prop="id" label="主键" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="userId" label="用户ID" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="nickName" label="用户姓名" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="userFace" label="头像" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="deptId" label="部门Id" header-align="center" align="center"></el-table-column>
+        <el-table-column label="序号" header-align="center" align="center" width="50px">
+            <template slot-scope="scope">
+                {{scope.$index+1}}
+            </template>
+        </el-table-column>
+        <el-table-column prop="nickName" label="发布人" header-align="center" align="center"></el-table-column>
         <el-table-column prop="deptName" label="部门名称" header-align="center" align="center"></el-table-column>
         <el-table-column prop="startDate" label="统计开始时间" header-align="center" align="center"></el-table-column>
         <el-table-column prop="endDate" label="统计结束时间" header-align="center" align="center"></el-table-column>
         <el-table-column prop="content" label="内容" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="state" label="周报状态：0为提交，1已提交" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="delFlag" label="逻辑删除标识" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="revision" label="乐观锁" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="createdBy" label="创建人" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="updatedBy" label="更新人" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="updatedTime" label="更新时间" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="state" label="周报状态" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="createdTime" 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="addHandle(scope.row.id,false,'0')">{{ $t('update') }}</el-button>
+            <el-button type="text" size="small" @click="addHandle(scope.row.id,true,'0')">{{ '查看' }}</el-button>
             <el-button v-if="$hasPermission('news:weekrecordinfo:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
             <el-button v-if="$hasPermission('news:weekrecordinfo:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
           </template>
@@ -63,9 +63,9 @@ export default {
   data () {
     return {
       mixinViewModuleOptions: {
-        getDataListURL: '/news/weekrecordinfo/page',
+        getDataListURL: '/workRecord/weekrecordinfo/page',
         getDataListIsPage: true,
-        deleteURL: '/news/weekrecordinfo',
+        deleteURL: '/workRecord/weekrecordinfo',
         deleteIsBatch: true
       },
       dataForm: {
@@ -73,8 +73,17 @@ export default {
       }
     }
   },
+  created: function () {
+    this.getDataList()
+  },
   components: {
     AddOrUpdate
+  },
+  methods: {
+    addHandle (id, disabled, isAdd) {
+      this.$parent.selectComponent = 'WeekrecordinfoDetail'
+      this.$router.push({ path: '/workRecord-weekrecordinforoute', query: { id: id, disabled: disabled, isAdd: isAdd } })
+    }
   }
 }
 </script>
diff --git a/src/views/modules/workRecord/weekrecordinfoDetail.vue b/src/views/modules/workRecord/weekrecordinfoDetail.vue
new file mode 100644
index 00000000..d2307a3c
--- /dev/null
+++ b/src/views/modules/workRecord/weekrecordinfoDetail.vue
@@ -0,0 +1,248 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-__masteruserrelation}">
+    <el-form label-width="500px" label-position="left" :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :disabled="pageDisabled">
+      <div v-for="(item, index) in this.dataForm.totalConfigList" :key="index">
+          <div>
+          <el-form-item :label="item.totalDescribe" prop="showFlag" >
+              <el-select v-model="item.showFlag" placeholder="是否显示" style="width:100px">
+                <el-option v-for="meetTypeItem in isShowArr" :key="meetTypeItem.dictValue" :label="meetTypeItem.dictName" :value="meetTypeItem.dictValue" >
+                </el-option>
+              </el-select>
+          </el-form-item>
+          </div>
+          <el-row :gutter="10">
+          <div v-for="(configitem, configindex) in item.configList" :key="configindex">
+            <el-col :span="6">
+            <el-form-item v-if="item.showFlag == '1'" :label="configitem.totalName" prop="total" :label-width="configitem.totalName.length*17+'px'">
+                <el-input-number v-model="configitem.total" :min="0" :max="100000000" label="数量" style="width: 10rem;"></el-input-number>
+            </el-form-item>
+            </el-col>
+          </div>
+          </el-row>
+      </div>
+      <el-form-item label="14、本周小结" prop="content" label-width="110px">
+        <el-input
+          type="textarea"
+          :rows="3"
+          placeholder="请输入本周小结，2000字以内"
+          v-model="dataForm.content"
+          maxlength="2000"
+          style="max-width:515px">
+        </el-input>
+      </el-form-item>
+      <el-form-item label="添加图片" v-loading="loading" prop="images" label-width="90px">
+          <el-upload
+            :action="uploadUrl"
+            :class="{hide:hideUpload}"
+            list-type="picture-card"
+            :file-list="dataForm.images"
+            :limit=9
+            :on-preview="handlePictureCardPreview"
+            :on-remove="handleRemove"
+            :on-success="handleAvatarSuccess"
+            :on-error="handelError"
+            :before-upload="beforeAvatarUpload"
+            style="width:480px">
+            <i class="el-icon-plus"></i>
+          </el-upload>
+          <el-dialog :visible.sync="dialogVisible">
+            <img width="100%" :src="dialogImageUrl" alt="">
+          </el-dialog>
+          <div><font color="gray">1~9张图</font></div>
+      </el-form-item>
+      </el-form>
+      <el-form>
+        <el-form-item style="margin-left:35px;">
+          <el-button type="primary" @click="backToUserRelationList">{{"返回"}}</el-button>
+          <el-button v-if="!pageDisabled" type="primary" :disabled="isAble" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+        </el-form-item>
+      </el-form>
+  </div>
+  </el-card>
+</template>
+
+<script>
+import debounce from 'lodash/debounce'
+import Cookies from 'js-cookie'
+import MapSelect from './map-select'
+import 'quill/dist/quill.snow.css'
+export default {
+  data () {
+    return {
+      visible: false,
+      dataForm: {
+        id: '',
+        content: '',
+        state: '',
+        images: [],
+        totalConfigList: []
+      },
+      isShowArr: [
+        { dictValue: '0', dictName: '否' },
+        { dictValue: '1', dictName: '是' }
+      ],
+      formData: [],
+      isAble: false,
+      hideUpload: false,
+      pageDisabled: false,
+      uploadUrl: '',
+      loading: false,
+      dialogImageUrl: '',
+      dialogVisible: false
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+        content: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  created: function () {
+    // this.uploadUrl = `${window.SITE_CONFIG['apiURL']}/oss/file/upload?token=${Cookies.get('token')}`
+    this.uploadUrl = `http://219.146.91.110:10000/epdc-api/oss/file/uploadAllFile?token=${Cookies.get('token')}`
+  },
+  mounted () {
+    this.pageDisabled = this.$route.query.disabled
+    this.hideUpload = this.$route.query.disabled
+    // if (this.$route.query.id !== '' && this.$route.query.id != null) {
+    //   this.dataForm.id = this.$route.query.id
+    //   this.getInfo()
+    // }
+    this.getFormDataInfo()
+  },
+  methods: {
+    init () {
+      this.dataForm.id = this.$route.query.id
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        if (this.dataForm.id) {
+          // this.getInfo()
+        }
+      })
+    },
+    beforeAvatarUpload (file) {
+      if (this.dataForm.length === 9) {
+        this.$message.error('最多上传9张图片!')
+        return false
+      }
+      this.loading = true
+      this.isAble = true
+      const isJPG = file.type === 'image/jpeg'
+      const isPNG = file.type === 'image/png'
+      // const isLt1M = file.size / 1024 / 1024 < 1
+      // 判断是否符合格式要求
+      if (!isJPG && !isPNG) {
+        this.$message.error('上传文件必须是jpg、png格式!')
+        this.loading = false
+        return false
+      }
+    },
+    handleAvatarSuccess (res, file) {
+      this.loading = false
+      this.isAble = false
+      this.dataForm.images.push({ url: res.data.imgUrl, thumbnail: res.data.thumbnail, fileType: 1, fileName: res.data.fileName })
+      this.hideUpload = this.dataForm.images.length >= 9
+    },
+    handelError () {
+      this.loading = false
+      this.isAble = false
+      this.$message.error('上传文件失败!')
+    },
+    handleRemove (file, fileList) {
+      for (var i = 0; i < this.dataForm.images.length; i++) {
+        let item = this.dataForm.images[i]
+        if (item.url === file.url) {
+          this.dataForm.images.splice(i, 1)
+        }
+      }
+      this.hideUpload = this.dataForm.images.length >= 9
+    },
+    handlePictureCardPreview (file) {
+      this.dialogImageUrl = file.url
+      this.dialogVisible = true
+    },
+    // 返回按钮点击事件
+    backToUserRelationList () {
+      this.$emit('refreshDataList')
+      this.$parent.selectComponent = 'Weekrecordinfo'
+      this.$router.push({ path: '/workRecord-weekrecordinforoute' })
+    },
+    // 获取信息
+    // getInfo () {
+    //   this.$http.get(`/workRecord/weekrecordinfo/${this.dataForm.id}`).then(({ data: res }) => {
+    //     if (res.code !== 0) {
+    //       return this.$message.error(res.msg)
+    //     }
+    //     this.dataForm = {
+    //       ...this.dataForm,
+    //       ...res.data
+    //     }
+    //     // 判断是否存在九张照片，九张照片隐藏上传操作按钮(非查看状态下)
+    //     if (!this.$route.query.disabled) {
+    //       this.hideUpload = this.dataForm.images.length >= 9
+    //     }
+    //   }).catch(() => {})
+    // },
+    // 获取生成代码所需信息信息
+    getFormDataInfo () {
+      let postData = {
+        weekInfoId: this.$route.query.id,
+        isAdd: this.$route.query.isAdd
+      }
+      this.$http.post(`/workRecord/resourcesdictionary/getResourcesDictionaryInitInfo`, postData).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.dataForm = {
+          ...this.dataForm,
+          ...res.data
+        }
+        // 判断是否存在九张照片，九张照片隐藏上传操作按钮(非查看状态下)
+        if (!this.$route.query.disabled) {
+          this.hideUpload = this.dataForm.images.length >= 9
+        }
+      }).catch(() => {})
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.isAble = true
+        this.$http[!this.dataForm.id ? 'post' : 'put']('/workRecord/weekrecordinfo/', this.dataForm).then(({ data: res }) => {
+          if (res.code !== 0) {
+            this.isAble = false
+            return this.$message.error(res.msg)
+          }
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.isAble = false
+              this.visible = false
+              this.$emit('refreshDataList')
+              // 返回主列表
+              this.backToUserRelationList()
+            }
+          })
+        }).catch(() => {})
+      })
+    }, 1000, { 'leading': true, 'trailing': false })
+  },
+  components: {
+    MapSelect
+  }
+}
+</script>
+<style>
+.hide .el-upload--picture-card {
+    display: none;
+}
+</style>
diff --git a/src/views/modules/workRecord/weekrecordinforoute.vue b/src/views/modules/workRecord/weekrecordinforoute.vue
new file mode 100644
index 00000000..b492552c
--- /dev/null
+++ b/src/views/modules/workRecord/weekrecordinforoute.vue
@@ -0,0 +1,29 @@
+<template>
+    <keep-alive include="weekrecordinfo">
+        <component :is="selectComponent"></component>
+    </keep-alive>
+</template>
+<script>
+import Weekrecordinfo from './weekrecordinfo'
+import WeekrecordinfoDetail from './weekrecordinfoDetail'
+export default {
+  data () {
+    return {
+      selectComponent: Weekrecordinfo
+    }
+  },
+  components: {
+    Weekrecordinfo,
+    WeekrecordinfoDetail
+  },
+  methods: {
+    init () {
+      this.selectComponent = Weekrecordinfo
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>