apply-clients 4.1.10-11 → 4.1.10-weinan

package/src/components/product/Process/Processes/splitMaterial.vue

@@ -0,0 +1,358 @@
+<template>
+  <div class="col-sm-12" style="margin: 20px 0px;">
+    <data-grid :model="model" v-ref:grid class="list_area table_sy" style="padding: 0px">
+      <template partial='head'>
+        <tr>
+          <th class="textNoLineBreak">序号</th>
+          <th class="textNoLineBreak">材料名称</th>
+          <th class="textNoLineBreak">材料型号</th>
+          <th class="textNoLineBreak">材料单价</th>
+          <th class="textNoLineBreak">材料单位</th>
+          <th class="textNoLineBreak">材料数量</th>
+          <th class="textNoLineBreak">小计</th>
+          <th class="textNoLineBreak">材料备注</th>
+          <th class="textNoLineBreak">
+            <button
+              type="button"
+              class="btn btn-info head-but"
+              :disabled="$parent.$parent.mark === 1"
+              @click="$parent.$parent.showSupplement = !$parent.$parent.showSupplement"
+            >添加材料
+            </button>
+            <button v-if="$parent.$parent.mark !== 1" type="button" class="btn btn-info head-but"
+                    @click="$parent.$parent.showFileModal()">导入</button>
+            <a v-if="$parent.$parent.mark !== 1" type="button" class="btn btn-info head-but"
+               href="/apply/download/excel/中盛材料批量导入.xlsx" download>模板下载</a>
+          </th>
+        </tr>
+      </template>
+      <template partial='body'>
+        <tr>
+          <td style="text-align: center;">
+            <nobr>{{ $index + 1 }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_material_name }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_material_style }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_material_price }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_material_unit }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_material_number }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_price_sum }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_material_remarks }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>
+              <button
+                type="button"
+                name="button"
+                class="btn btn-link"
+                :disabled="$parent.$parent.mark === 1 || row.f_material_status === '作废'"
+                @click="$parent.$parent.showInvalidModal(row)"
+              >{{ row.f_material_status === '作废' ? '已作废' : '作废' }}
+              </button>
+            </nobr>
+          </td>
+        </tr>
+      </template>
+    </data-grid>
+
+    <validator name="v">
+      <modal v-if="showSupplement" :show.sync="showSupplement" v-ref:modal :large="true" :backdrop="false">
+        <header slot="modal-header" class="modal-header">
+          <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
+          <h4 class="modal-title">预算材料</h4>
+        </header>
+        <article slot="modal-body" class="modal-body clearfix">
+          <div class="form-group col-sm-12" :class="[$v.f_material_name.required ? 'has-error' : '']">
+            <label class="col-sm-2 control-label">材料名称：</label>
+            <div class="col-sm-10">
+              <input type="text"
+                     class="form-control input_view"
+                     v-validate:f_material_name="['required']"
+                     style="width: 100%"
+                     v-model="material.f_material_name"/>
+            </div>
+          </div>
+          <div class="form-group col-sm-12" :class="[$v.f_material_style.required ? 'has-error' : '']">
+            <label class="col-sm-2 control-label">材料型号：</label>
+            <div class="col-sm-10">
+              <input type="text"
+                     class="form-control input_view"
+                     v-validate:f_material_style="['required']"
+                     v-model="material.f_material_style"/>
+            </div>
+          </div>
+          <div class="form-group col-sm-12" :class="[$v.f_material_price.required ? 'has-error' : '']">
+            <label class="col-sm-2 control-label">材料单价：</label>
+            <div class="col-sm-10">
+              <input type="number"
+                     class="form-control input_view"
+                     style="width: 100%"
+                     v-validate:f_material_price="['required']"
+                     v-model="material.f_material_price"/>
+            </div>
+          </div>
+          <div class="form-group col-sm-12">
+            <label class="col-sm-2 control-label">材料单位：</label>
+            <div class="col-sm-10">
+              <input type="text"
+                     class="form-control input_view"
+                     style="width: 100%"
+                     v-model="material.f_material_unit"/>
+            </div>
+          </div>
+          <div class="form-group col-sm-12" :class="[$v.f_material_number.required ? 'has-error' : '']">
+            <label class="col-sm-2 control-label">材料数量：</label>
+            <div class="col-sm-10">
+              <input type="number"
+                     class="form-control input_view"
+                     style="width: 100%"
+                     v-validate:f_material_number="['required']"
+                     v-model="material.f_material_number"/>
+            </div>
+          </div>
+          <div class="form-group col-sm-12">
+            <label class="col-sm-2 control-label">材料备注：</label>
+            <div class="col-sm-10">
+              <input type="text"
+                     class="form-control input_view"
+                     style="width: 100%"
+                     v-model="material.f_material_remarks"/>
+            </div>
+          </div>
+        </article>
+        <footer slot="modal-footer" class="modal-footer">
+          <button type="button" class="btn btn-primary" :disabled='!$v.valid' @click="savematerial()">新增材料</button>
+        </footer>
+      </modal>
+
+      <modal v-if="showInvalid" :show.sync="showInvalid" v-ref:modal :large="true" :backdrop="false" title="作废材料">
+        <header slot="modal-header" class="modal-header">
+          <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
+          <h4 class="modal-title">作废协议</h4>
+        </header>
+        <article slot="modal-body" class="modal-body clearfix">
+          <div class="form-group col-sm-12">
+            <label class="col-sm-2 control-label">材料名称：</label>
+            <div class="col-sm-10">
+              <input type="text"
+                     readonly
+                     class="form-control input_view"
+                     style="width: 100%"
+                     v-model="material.f_material_name"/>
+            </div>
+          </div>
+          <div class="form-group col-sm-12">
+            <label class="col-sm-2 control-label">材料型号：</label>
+            <div class="col-sm-10">
+              <input type="text"
+                     readonly
+                     class="form-control input_view"
+                     v-validate:f_material_style="['required']"
+                     v-model="material.f_material_style"/>
+            </div>
+          </div>
+          <div class="form-group col-sm-12">
+            <label class="col-sm-2 control-label">材料单价：</label>
+            <div class="col-sm-10">
+              <input type="number"
+                     readonly
+                     class="form-control input_view"
+                     style="width: 100%"
+                     v-model="material.f_material_price"/>
+            </div>
+          </div>
+          <div class="form-group col-sm-12">
+            <label class="col-sm-2 control-label">材料单位：</label>
+            <div class="col-sm-10">
+              <input type="text"
+                     readonly
+                     class="form-control input_view"
+                     style="width: 100%"
+                     v-model="material.f_material_unit"/>
+            </div>
+          </div>
+          <div class="form-group col-sm-12">
+            <label class="col-sm-2 control-label">材料数量：</label>
+            <div class="col-sm-10">
+              <input type="number"
+                     readonly
+                     class="form-control input_view"
+                     style="width: 100%"
+                     v-model="material.f_material_number"/>
+            </div>
+          </div>
+          <div class="form-group col-sm-12">
+            <label class="col-sm-2 control-label">材料备注：</label>
+            <div class="col-sm-10">
+              <input type="text"
+                     readonly
+                     class="form-control input_view"
+                     style="width: 100%"
+                     v-model="material.f_material_remarks"/>
+            </div>
+          </div>
+          <div class="form-group col-sm-12" :class="[$v.f_material_void_remarks.required ? 'has-error' : '']">
+            <label class="col-sm-2 control-label">作废原因：</label>
+            <div class="col-sm-10">
+              <input type="text" style="width: 100%"
+                     class="form-control input_view"
+                     v-validate:f_material_void_remarks="['required']"
+                     v-model="material.f_material_void_remarks"/>
+            </div>
+          </div>
+        </article>
+        <footer slot="modal-footer" class="modal-footer">
+          <button type="button" class="btn btn-primary" :disabled='!$v.valid' @click="invalidmaterial()">确认作废</button>
+        </footer>
+      </modal>
+    </validator>
+  </div>
+
+  <modal :show.sync="showFile" v-ref:modal backdrop="true" title="选择文件">
+    <header slot="modal-header" class="modal-header">
+      <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
+      <h4 class="modal-title">选择文件</h4>
+    </header>
+    <article slot="modal-body" class="modal-body">
+      <div class="form-group">
+        <file-upload class="my-file-uploader" name="useraddressUploadFile" action="rs/file/uploadFile" tagname="确定" multiple v-ref:file></file-upload>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer"></footer>
+  </modal>
+</template>
+<script>
+import {getNowDate, isEmpty} from '../../../Util'
+import {PagedList} from 'vue-client'
+import {HttpResetClass} from 'vue-client'
+
+export default {
+  title: '拆改材料',
+  props: {
+    selectdata: {
+      type: Object
+    },
+    mark: {
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {
+      showFile: false,
+      showSupplement: false,
+      showInvalid: false,
+      model: {
+        data: null
+      },
+      material: {}
+    }
+  },
+  ready() {
+    this.search()
+  },
+  methods: {
+    showFileModal() {
+      this.showFile = !this.showFile
+    },
+    async invalidmaterial() {
+      let http = new HttpResetClass()
+      let data = {
+        selectdata: this.selectdata,
+        user: this.$login.f,
+        material: this.material
+      }
+      let res = await http.load('POST', 'rs/logic/deleteApplyMaterial', {data: data}, {
+        resolveMsg: null,
+        rejectMsg: '作废失败'
+      })
+      this.$dispatch('breakControl', this.selectdata)
+    },
+    showInvalidModal(row) {
+      this.material = row
+      this.showInvalid = true
+    },
+    async savematerial() {
+      let http = new HttpResetClass()
+      let data = {
+        material: this.material,
+        user: this.$login.f,
+        selectdata: this.selectdata
+      }
+      let res = await http.load('POST', 'rs/logic/addApplyMaterial', {data: data}, {
+        resolveMsg: null,
+        rejectMsg: '添加失败'
+      })
+      this.$dispatch('breakControl', this.selectdata)
+    },
+    async search() {
+      let http = new HttpResetClass()
+      let data = {
+        tablename: 't_material_apply',
+        condition: `f_process_id = '${this.selectdata.f_process_id}'`
+      }
+      let res = await http.load('POST', 'rs/sql/singleTable', {data: data}, {
+        resolveMsg: null,
+        rejectMsg: 'null'
+      })
+      this.model.data = res.data
+    },
+    closeModal() {
+      this.showFile = false
+      this.showSupplement = false
+      this.showInvalid = false
+      this.material = {}
+      this.search()
+    }
+  },
+  events: {
+    async 'onFileUpload'(file, result) {
+      let data = {
+        selectdata: this.selectdata,
+        filepath: result.f_downloadpath,
+        user: this.$login.f,
+        mark: this.mark
+      }
+      let res = await this.$resetpost(`rs/logic/importMaterials`, {data:data}, {resolveMsg: null, rejectMsg: '导入失败', silent: true}, 0)
+      this.$showMessage(res.data);
+      if (this.mark !== 0) {
+        this.$dispatch('breakControl', this.selectdata)
+      }
+      this.closeModal()
+    }
+  },
+  computed: {
+    materialType() {
+      return this.$appdata.getParam('材料型号')
+    }
+  },
+  watch: {}
+}
+</script>
+<style scoped>
+.textNoLineBreak {
+  white-space: nowrap;
+}
+
+.head-but {
+  margin-left: 5px;
+  height: 34px;
+  /*background-color: #6aa6e2;*/
+  border-radius: 4px;
+  font-family: PingFang;
+  color: #ffffff;
+}
+</style>