apply-clients 3.2.36 → 3.2.49

package/src/components/product/Ledger/Process/Processes/ProgressReport.vue

@@ -0,0 +1,236 @@
+<template>
+  <div style="background-color: #FFFFFF;padding: 20px">
+    <data-grid :model="model" partial='list' v-ref:grid class="list_area table_sy" style="height: 100%">
+      <template partial='head'>
+        <tr>
+          <th style="white-space: nowrap;">序号</th>
+          <th style="white-space: nowrap;">详细说明</th>
+          <th style="white-space: nowrap;">图片</th>
+          <th style="white-space: nowrap;">时间</th>
+          <th style="white-space: nowrap;">
+            <button type="button" class="btn btn-info" @click="$parent.$parent.openModal()">
+              <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
+            </button>
+          </th>
+        </tr>
+      </template>
+      <template partial='body'>
+        <tr >
+          <td style="text-align: center;">
+            <nobr><font>{{$index+1}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_explanation}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>
+              <button type="button" name="button" class="btn btn-link" @click="$parent.$parent.openImgs(row)">预览图片</button>
+            </font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_operation_date}}</font></nobr>
+          </td>
+          <td style="text-align: center">
+            <nobr><font></font></nobr>
+          </td>
+        </tr>
+      </template>
+    </data-grid>
+
+    <validator name="v">
+      <modal v-if="showModal" :show.sync="showModal" backdrop="false" large>
+        <header slot="modal-header" class="modal-header">
+          <button type="button" class="close" @click="closeModal()"><span>&times;</span></button>
+          <span class="modal-title"><font size="3">添加{{type}}</font></span>
+        </header>
+        <article slot="modal-body" class="form-horizontal modal-body clearfix">
+          <div class="col-sm-12 form-group" :class="[$v.f_explanation.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">详细说明</label>
+            <div class="col-sm-9">
+              <textarea
+                class="form-control input_view"
+                style="width: 100%;height: 100%"
+                rows="2"
+                v-validate:f_explanation = "['required']"
+                v-model="report.f_explanation"
+                :value="report.f_explanation"
+              >
+              </textarea>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group">
+            <label class="control-label col-sm-2">图片</label>
+            <div class="col-sm-9">
+              <button type="button" class="btn btn-primary item_btn" @click="showUpload = !showUpload">本地上传</button>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" style="overflow: scroll;height: 75%">
+            <exhibition-picture :imgs="filesList" max-height="400px" img-height="250px" img-padding="15px"></exhibition-picture>
+          </div>
+
+        </article>
+        <footer slot="modal-footer" class="modal-footer">
+          <button class="btn btn-primary" type="button" @click="addReport()" :disabled='!$v.valid'>确认</button>
+        </footer>
+      </modal>
+    </validator>
+
+    <modal :show.sync="showUpload" v-ref:modal backdrop="false">
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="closeUpload()"><span class="glyphicon glyphicon-remove"></span></button>
+        <h4 class="modal-title" style="text-align: center">文件上传</h4>
+      </header>
+      <article slot="modal-body" class="modal-body form-horizontal">
+        <div class="form-group" style="text-align: center">
+          <file-upload class="my-file-uploader" :name="type"
+                       action="rs/file/uploadFile" tagname="文件上传" :headers="headers" multiple v-ref:file></file-upload>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+      </footer>
+    </modal>
+
+
+    <modal v-if="showImgs" :show.sync="showImgs" backdrop="false" large>
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="closeModal()"><span>&times;</span></button>
+        <span class="modal-title"><font size="3">预览图片</font></span>
+      </header>
+      <article slot="modal-body" class="form-horizontal modal-body clearfix">
+        <exhibition-picture :imgs="filesList" max-height="400px" img-height="250px" img-padding="15px"></exhibition-picture>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+      </footer>
+    </modal>
+  </div>
+</template>
+<script>
+import Vue from 'vue'
+import {HttpResetClass} from 'vue-client'
+export default {
+  title: '进度填报',
+  props: ['selectdata', 'type'],
+  data () {
+    return {
+      model: {
+        data: []
+      },
+      report: {},
+      showModal: false,
+      showUpload: false,
+      showImgs: false,
+      headers: {
+        'username': this.$login.f.name,
+        'fusetype': this.type
+      }, // 调用rs/file/uploadFile 的参数
+      filesList: []
+    }
+  },
+  ready () {
+    this.getProgressReport()
+  },
+  methods: {
+    async openImgs (report) {
+      this.report = report
+
+      await this.getFiles()
+
+      this.showImgs = true
+    },
+    async addReport () {
+      let data = {
+        report: this.report,
+        f_process_id: this.selectdata.f_process_id,
+        type: this.type,
+        user: this.$login.f
+      }
+
+      let res = await this.$resetpost(
+        `rs/logic/addProgressReport`,
+        { data: data },
+        {resolveMsg: null,rejectMsg: '添加失败！！！'}
+      )
+
+      this.closeModal()
+    },
+    async getFiles () {
+      let http = new HttpResetClass()
+      let data = {
+        tablename: 't_files',
+        condition: `f_blobid = '${this.report.f_blobid}' and fusetype = '${this.type}' order by f_uploaddate desc `
+      }
+      let res = await http.load('POST', 'rs/sql/singleTable', {data: data}, {
+        warnMsg: null,
+        resolveMsg: null
+      })
+
+      res.data.forEach(item => {
+        this.filesList.push(`http://${location.host}/${item.f_downloadpath.substring(item.f_downloadpath.lastIndexOf(":\\") + 2)}`)
+      })
+    },
+    // 关闭文件上传对话框
+    closeUpload () {
+      this.showUpload = false
+      // 将选的文件清空
+      this.$refs.file.$el.querySelector('input').value = ''
+
+      this.getFiles()
+    },
+    closeModal () {
+      this.showModal = false
+      this.showImgs = false
+      this.report = {}
+      this.filesList = []
+
+      this.getProgressReport()
+    },
+    async openModal () {
+      // 获取唯一标识，用于保存文件
+      let res = await this.$resetpost(
+        `rs/logic/getUUID`,
+        null,
+        {resolveMsg: null,rejectMsg: '唯一标识获取失败！！！'}
+      )
+
+      this.report.f_blobid = res.data
+
+      this.headers.blodid = res.data
+
+      this.showModal = true
+    },
+    async getProgressReport () {
+
+      let http = new HttpResetClass()
+
+      let data = {
+        tablename: 't_progress_report',
+        condition: `f_process_id = '${this.selectdata.f_process_id}' and f_type = '${this.type}'`
+      }
+
+      let res = await http.load(
+        'POST',
+        `rs/sql/singleTable`,
+        {data: data},
+        {resolveMsg: null,rejectMsg: `${this.type}数据查询失败！！！`}
+      )
+
+      this.model.data = res.data
+    }
+  },
+  events: {
+    'onFileUpload'(file, res) {
+      console.log('++++++++++++++++++++++')
+      this.closeUpload()
+    }
+  }
+}
+</script>
+<style scoped>
+  /*清除model中的浮动*/
+  .clearfix:after,.clearfix:before{
+    display: table;
+  }
+  .clearfix:after{
+    clear: both;
+  }
+</style>

package/src/components/product/Ledger/Process/Processes/ProjectMaterialList.vue

@@ -0,0 +1,77 @@
+<template>
+  <div style="background-color: #FFFFFF;padding: 20px">
+    <data-grid :model="model" partial='list' v-ref:grid class="list_area table_sy" style="height: 100%">
+      <template partial='head'>
+        <tr>
+          <th style="white-space: nowrap;">序号</th>
+          <th style="white-space: nowrap;">名称</th>
+          <th style="white-space: nowrap;">规格</th>
+          <th style="white-space: nowrap;">型号</th>
+          <th style="white-space: nowrap;">单位</th>
+          <th style="white-space: nowrap;">单价</th>
+          <th style="white-space: nowrap;">数量</th>
+        </tr>
+      </template>
+      <template partial='body'>
+        <tr >
+          <td style="text-align: center;">
+            <nobr><font>{{$index+1}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_material_name}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_material_model}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_material_norm}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_unit}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_price}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_quantity}}</font></nobr>
+          </td>
+        </tr>
+      </template>
+    </data-grid>
+  </div>
+</template>
+<script>
+import Vue from 'vue'
+import {HttpResetClass} from 'vue-client'
+export default {
+  title: '流程业务',
+  props: ['selectdata'],
+  data () {
+    return {
+      model: {
+        data: []
+      }
+    }
+  },
+  ready () {
+    this.getMaterialList()
+  },
+  methods: {
+    async getMaterialList () {
+      let http = new HttpResetClass()
+
+      let data = {
+        condition: `o.f_cea_number = '${this.selectdata.f_cea_number}'`,
+        orgid: this.$login.f.orgid
+      }
+
+      let res = await http.load('POST','rs/sql/getProjectSumMaterial',{data: data},{resolveMsg: null,rejectMsg: '物料查询失败！！！'})
+      this.model.data = res.data
+    }
+  },
+  events: {
+  },
+  watch: {
+  }
+}
+</script>

package/src/components/product/Ledger/Process/Processes/QinhuaMaterialList.vue

@@ -0,0 +1,72 @@
+<template>
+  <div style="background-color: #FFFFFF;padding: 20px">
+    <data-grid :model="model" partial='list' v-ref:grid class="list_area table_sy" style="height: 100%">
+      <template partial='head'>
+        <tr>
+          <th style="white-space: nowrap;">序号</th>
+          <th style="white-space: nowrap;">名称</th>
+          <th style="white-space: nowrap;">规格</th>
+          <th style="white-space: nowrap;">型号</th>
+          <th style="white-space: nowrap;">单位</th>
+          <th style="white-space: nowrap;">数量</th>
+        </tr>
+      </template>
+      <template partial='body'>
+        <tr >
+          <td style="text-align: center;">
+            <nobr><font>{{$index+1}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_material_name}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_material_model}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_material_norm}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_unit}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_stock}}</font></nobr>
+          </td>
+        </tr>
+      </template>
+    </data-grid>
+  </div>
+</template>
+<script>
+import Vue from 'vue'
+import {HttpResetClass} from 'vue-client'
+export default {
+  title: '流程业务',
+  props: ['selectdata'],
+  data () {
+    return {
+      model: {
+        data: []
+      }
+    }
+  },
+  ready () {
+    this.getMaterialList()
+  },
+  methods: {
+    async getMaterialList () {
+      let http = new HttpResetClass()
+
+      let data = {
+        condition: `f_cea_number = '${this.selectdata.f_cea_number}'`
+      }
+
+      let res = await http.load('POST','rs/sql/getQinhuaSumMaterial',{data: data},{resolveMsg: null,rejectMsg: '物料查询失败！！！'})
+      this.model.data = res.data
+    }
+  },
+  events: {
+  },
+  watch: {
+  }
+}
+</script>