From f2d864f310854aafbdae6683430c72aad19464a7 Mon Sep 17 00:00:00 2001
From: licp <lichunping@guanfang.com.cn>
Date: 星期四, 26 十二月 2024 14:33:08 +0800
Subject: [PATCH] 完成标准物质清单迁移

---
 src/components/do/a6-standard-material-list/formDia.vue   |  183 ++++++++++++
 src/components/do/a6-standard-material-list/borrowDia.vue |  152 ++++++++++
 src/components/view/a6-standard-material-list.vue         |  418 ++++++++++++++++++++-------
 src/components/do/a6-standard-material-list/returnDia.vue |  126 ++++++++
 src/assets/api/controller.js                              |    9 
 5 files changed, 775 insertions(+), 113 deletions(-)

diff --git a/src/assets/api/controller.js b/src/assets/api/controller.js
index a455cca..67662df 100644
--- a/src/assets/api/controller.js
+++ b/src/assets/api/controller.js
@@ -68,6 +68,7 @@
     internalWastes,
     foreignRegister,
     feCalibrationSchedule,
+    feStandardSubstance,
   }
 }
 
@@ -902,3 +903,11 @@
   exportOfValueTraceabilityPlan: '/feCalibrationSchedule/exportOfValueTraceabilityPlan', // 閲忓�兼函婧愯鍒� 瀵煎嚭
   importOfValueTraceabilityPlan: '/feCalibrationSchedule/importOfValueTraceabilityPlan', // 閲忓�兼函婧愯鍒� 瀵煎叆
 }
+
+// 6.5鏍囧噯鐗╄川娓呭崟
+const feStandardSubstance = {
+  getPageStandardSubstance:'/feStandardSubstance/getPageStandardSubstance',// 鏍囧噯鐗╄川娓呭崟鏌ヨ
+  addStandardSubstance:'/feStandardSubstance/addStandardSubstance',//鏍囧噯鐗╄川娓呭崟鏂板缂栬緫
+  removeStandardSubstance:'/feStandardSubstance/removeStandardSubstance',//鍒犻櫎鏍囧噯鐗╄川娓呭崟
+  exportOfStandardSubstanceList: '/feStandardSubstance/exportOfStandardSubstanceList', // 鏍囧噯鐗╄川娓呭崟 瀵煎嚭
+}
diff --git a/src/components/do/a6-standard-material-list/borrowDia.vue b/src/components/do/a6-standard-material-list/borrowDia.vue
new file mode 100644
index 0000000..ba73d7b
--- /dev/null
+++ b/src/components/do/a6-standard-material-list/borrowDia.vue
@@ -0,0 +1,152 @@
+<template>
+  <div>
+    <el-dialog v-loading="diaLoading" :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               :visible.sync="formDia"
+               title="鏍囧噯鐗╄川鍊熺敤"
+               width="80%" @close="closeBorrowDia">
+      <el-form ref="form" :model="form" :rules="rules" label-position="right" label-width="auto">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="鏍囧噯鐗╄川鍚嶇О">
+              <el-input v-model="form.name" disabled size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鍨嬪彿">
+              <el-input v-model="form.model" disabled size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="瀹屽ソ鎬�" prop="integrity">
+              <el-input v-model="form.integrity" clearable size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鍊熺敤浜�" prop="borrowUser">
+              <el-input v-model="form.borrowUser" clearable size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鑱旂郴鏂瑰紡" prop="phone">
+              <el-input v-model="form.phone" clearable size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鍊熷嚭鏃ユ湡" prop="borrowDate">
+              <el-date-picker
+                v-model="form.borrowDate"
+                clearable
+                format="yyyy-MM-dd HH:mm:ss" placeholder="閫夋嫨鏃ユ湡"
+                size="small" style="width: 100%"
+                type="datetime" value-format="yyyy-MM-dd HH:mm:ss">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="绾﹀畾褰掕繕鏃ユ湡" prop="borrowReturnDate">
+              <el-date-picker
+                v-model="form.borrowReturnDate"
+                clearable
+                format="yyyy-MM-dd HH:mm:ss" placeholder="閫夋嫨鏃ユ湡"
+                size="small" style="width: 100%"
+                type="datetime" value-format="yyyy-MM-dd HH:mm:ss">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鍊熷嚭浜�" prop="lender">
+              <el-input v-model="form.lender" clearable size="small"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="closeBorrowDia">鍙� 娑�</el-button>
+        <el-button :loading="loading" type="primary" @click="handleEdit">鎻� 浜�</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'borrowDia',
+  // import 寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
+  components: {},
+  data() {
+    // 杩欓噷瀛樻斁鏁版嵁
+    return {
+      formDia: false,
+      diaLoading: false,
+      loading: false,
+      form: {
+        name: '',
+        model: '',
+        integrity: '',
+        borrowUser: '',
+        phone: '',
+        borrowDate: '',
+        borrowReturnDate: '',
+        lender: '',
+        substanceId: ''
+      },
+      rules: {
+        integrity: [{required: true, message: '璇峰~鍐欏畬濂芥��',trigger: 'blur'}],
+        borrowUser: [{required: true, message: '璇峰~鍐欏�熺敤浜�',trigger: 'blur'}],
+        phone: [{required: true, message: '璇峰~鍐欒仈绯绘柟寮�',trigger: 'blur'}],
+        borrowDate: [{required: true, message: '璇烽�夋嫨鍊熷嚭鏃ユ湡',trigger: 'change'}],
+        borrowReturnDate: [{required: true, message: '璇烽�夋嫨绾﹀畾褰掕繕鏃ユ湡',trigger: 'change'}],
+        lender: [{required: true, message: '璇烽�夋嫨lender',trigger: 'blur'}],
+      },
+    };
+  },
+  mounted() {
+
+  },
+  // 鏂规硶闆嗗悎
+  methods: {
+    // 鎵撳紑寮规
+    openDia (row) {
+      this.formDia = true
+      this.form.name = row.name
+      this.form.model = row.model
+      this.form.substanceId = row.id
+    },
+    // 鎻愪氦寮规鏁版嵁
+    handleEdit () {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          this.loading = true
+          let internalReport = this.HaveJson(this.form)
+          internalReport.status = '0'
+          this.$axios.post(this.$api.feStandardSubstanceRecord.borrowSubstance, internalReport, {
+            headers: {
+              "Content-Type": "application/json"
+            },
+            noQs: true
+          }).then(res => {
+            this.loading = false
+            if (res.code === 201) return
+            this.$message.success('鎿嶄綔鎴愬姛')
+            this.closeBorrowDia()
+          }).catch(err => {
+            this.$message.success(err.message)
+            this.loading = false
+          })
+        } else {
+          return false;
+        }
+      });
+    },
+    closeBorrowDia () {
+      this.$refs.form.resetFields();
+      this.formDia = false
+      this.$emit('closeBorrowDia')
+    },
+  }
+};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/components/do/a6-standard-material-list/formDia.vue b/src/components/do/a6-standard-material-list/formDia.vue
new file mode 100644
index 0000000..323b1c3
--- /dev/null
+++ b/src/components/do/a6-standard-material-list/formDia.vue
@@ -0,0 +1,183 @@
+<template>
+  <div>
+    <el-dialog v-loading="diaLoading" :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               :visible.sync="formDia"
+               title="鏍囧噯鐗╄川"
+               width="80%" @close="closeYearDia">
+      <el-form ref="form" :model="form" :rules="rules" label-position="right" label-width="auto">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="鏍囧噯鐗╄川鍚嶇О" prop="name">
+              <el-input v-model="form.name" clearable size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="瑙勬牸鍨嬪彿" prop="model">
+              <el-input v-model="form.model" clearable size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鐢熶骇鍘傚" prop="factoryManufacturer">
+              <el-input v-model="form.factoryManufacturer" clearable size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鍑哄巶缂栧彿" prop="factoryNum">
+              <el-input v-model="form.factoryNum" clearable size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="绠$悊缂栧彿" prop="manageNum">
+              <el-input v-model="form.manageNum" clearable size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="涓嶇‘瀹氬害" prop="uncertainty">
+              <el-input v-model="form.uncertainty" clearable size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鏁伴噺" prop="quantity">
+              <el-input v-model="form.quantity" clearable size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="璐疆鏃ユ湡" prop="acquisitionDate">
+              <el-date-picker
+                v-model="form.acquisitionDate"
+                clearable
+                format="yyyy-MM-dd HH:mm:ss" placeholder="閫夋嫨鏃ユ湡"
+                size="small" style="width: 100%"
+                type="datetime" value-format="yyyy-MM-dd HH:mm:ss">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鏈夋晥鏈�" prop="effectiveDate">
+              <el-date-picker
+                v-model="form.effectiveDate"
+                clearable
+                format="yyyy-MM-dd HH:mm:ss" placeholder="閫夋嫨鏃ユ湡"
+                size="small" style="width: 100%"
+                type="datetime" value-format="yyyy-MM-dd HH:mm:ss">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="妗f缂栧彿" prop="fileNum">
+              <el-input v-model="form.fileNum" clearable size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="瀛樻斁浣嶇疆" prop="position">
+              <el-input v-model="form.position" clearable size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="澶囨敞" prop="remark">
+              <el-input v-model="form.remark" clearable size="small"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="closeYearDia">鍙� 娑�</el-button>
+        <el-button :loading="loading" type="primary" @click="handleEdit">鎻� 浜�</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'formDia',
+  // import 寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
+  components: {},
+  data() {
+    // 杩欓噷瀛樻斁鏁版嵁
+    return {
+      formDia: false,
+      diaLoading: false,
+      loading: false,
+      form: {
+        name: '',
+        model: '',
+        factoryManufacturer: '',
+        factoryNum: '',
+        manageNum: '',
+        uncertainty: '',
+        quantity: '',
+        acquisitionDate: '',
+        effectiveDate: '',
+        fileNum: '',
+        position: '',
+        remark: '',
+        id: '',
+      },
+      rules: {
+        name: [{required: true, message: '璇峰~鍐欐爣鍑嗙墿璐ㄥ悕绉�',trigger: 'blur'}],
+        model: [{required: true, message: '璇峰~鍐欒鏍煎瀷鍙�',trigger: 'blur'}],
+        factoryManufacturer: [{required: true, message: '璇峰~鍐欑敓浜у巶瀹�',trigger: 'blur'}],
+        factoryNum: [{required: true, message: '璇峰~鍐欏嚭鍘傜紪鍙�',trigger: 'blur'}],
+        manageNum: [{required: true, message: '璇峰~鍐欑鐞嗙紪鍙�',trigger: 'blur'}],
+        uncertainty: [{required: true, message: '璇峰~鍐欎笉纭畾搴�',trigger: 'blur'}],
+        quantity: [{required: true, message: '璇峰~鍐欐暟閲�',trigger: 'blur'}],
+        acquisitionDate: [{required: true, message: '璇烽�夋嫨璐疆鏃ユ湡',trigger: 'change'}],
+        effectiveDate: [{required: true, message: '璇烽�夋嫨鏈夋晥鏈�',trigger: 'change'}],
+        fileNum: [{required: true, message: '璇峰~鍐欐。妗堢紪鍙�',trigger: 'blur'}],
+        position: [{required: true, message: '璇峰~鍐欏瓨鏀句綅缃�',trigger: 'blur'}],
+      },
+      operationType: '',
+    };
+  },
+  mounted() {
+
+  },
+  // 鏂规硶闆嗗悎
+  methods: {
+    // 鎵撳紑寮规
+    openDia (type, row) {
+      this.formDia = true
+      this.operationType = type
+      if (type !== 'add') {
+        this.form = row
+      }
+    },
+    // 鎻愪氦寮规鏁版嵁
+    handleEdit () {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          this.loading = true
+          const internalReport = this.HaveJson(this.form)
+          this.$axios.post(this.$api.feStandardSubstance.addStandardSubstance, internalReport, {
+            headers: {
+              "Content-Type": "application/json"
+            },
+            noQs: true
+          }).then(res => {
+            this.loading = false
+            if (res.code === 201) return
+            this.$message.success('鎿嶄綔鎴愬姛')
+            this.closeYearDia()
+          }).catch(err => {
+            console.log('err---', err);
+            this.loading = false
+          })
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+    closeYearDia () {
+      this.$refs.form.resetFields();
+      this.formDia = false
+      this.$emit('closeYearDia')
+    },
+  }
+};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/components/do/a6-standard-material-list/returnDia.vue b/src/components/do/a6-standard-material-list/returnDia.vue
new file mode 100644
index 0000000..60c6a2d
--- /dev/null
+++ b/src/components/do/a6-standard-material-list/returnDia.vue
@@ -0,0 +1,126 @@
+<template>
+  <div>
+    <el-dialog v-loading="diaLoading" :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               :visible.sync="formDia"
+               title="鏍囧噯鐗╄川褰掕繕"
+               width="80%" @close="closeReturnDia">
+      <el-form ref="form" :model="form" :rules="rules" label-position="right" label-width="auto">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="鏍囧噯鐗╄川鍚嶇О" prop="name">
+              <el-input v-model="form.name" disabled size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鍨嬪彿" prop="model">
+              <el-input v-model="form.model" disabled size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="褰掕繕鏃ユ湡" prop="returnDate">
+              <el-date-picker
+                v-model="form.returnDate"
+                clearable
+                format="yyyy-MM-dd HH:mm:ss" placeholder="閫夋嫨鏃ユ湡"
+                size="small" style="width: 100%"
+                type="datetime" value-format="yyyy-MM-dd HH:mm:ss">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="褰掕繕浜�" prop="returnedPerson">
+              <el-input v-model="form.returnedPerson" clearable size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="瀹屽ソ鎬�" prop="returnIntegrity">
+              <el-input v-model="form.returnIntegrity" clearable size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="妫�鏌ヤ汉" prop="rummager">
+              <el-input v-model="form.rummager" clearable size="small"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="closeReturnDia">鍙� 娑�</el-button>
+        <el-button :loading="loading" type="primary" @click="handleEdit">鎻� 浜�</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'returnDia',
+  // import 寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
+  components: {},
+  data() {
+    // 杩欓噷瀛樻斁鏁版嵁
+    return {
+      formDia: false,
+      diaLoading: false,
+      loading: false,
+      form: {
+        name: '',
+        model: '',
+        returnedPerson: '',
+        returnDate: '',
+        returnIntegrity: '',
+        rummager: '',
+      },
+      rules: {
+      },
+    };
+  },
+  mounted() {
+
+  },
+  // 鏂规硶闆嗗悎
+  methods: {
+    // 鎵撳紑寮规
+    openDia (row) {
+      this.formDia = true
+      this.form.name = row.name
+      this.form.model = row.model
+      this.form.substanceId = row.id
+    },
+    // 鎻愪氦寮规鏁版嵁
+    handleEdit () {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          this.loading = true
+          let internalReport = this.HaveJson(this.form)
+          internalReport.status = '1'
+          this.$axios.post(this.$api.feStandardSubstanceRecord.returnSubstance, internalReport, {
+            headers: {
+              "Content-Type": "application/json"
+            },
+            noQs: true
+          }).then(res => {
+            this.loading = false
+            if (res.code === 201) return
+            this.$message.success('鎿嶄綔鎴愬姛')
+            this.closeReturnDia()
+          }).catch(err => {
+            this.loading = false
+          })
+        } else {
+          return false;
+        }
+      });
+    },
+    closeReturnDia () {
+      this.$refs.form.resetFields();
+      this.formDia = false
+      this.$emit('closeReturnDia')
+    },
+  }
+};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/components/view/a6-standard-material-list.vue b/src/components/view/a6-standard-material-list.vue
index 188fa49..6314d96 100644
--- a/src/components/view/a6-standard-material-list.vue
+++ b/src/components/view/a6-standard-material-list.vue
@@ -1,139 +1,331 @@
-<style scoped>
-  .title {
-    height: 60px;
-    line-height: 60px;
-  }
-
-  .search {
-    background-color: #fff;
-    height: 80px;
-    display: flex;
-    align-items: center;
-  }
-  .search_thing {
-    display: flex;
-    align-items: center;
-    height: 50px;
-  }
-  .search_label {
-    width: 120px;
-    font-size: 14px;
-    text-align: right;
-  }
-
-  .search_input {
-    width: calc(100% - 120px);
-  }
-  .table {
-    margin-top: 10px;
-    background-color: #fff;
-    width: calc(100% - 40px);
-    height: calc(100% - 60px - 80px - 10px - 40px);
-    padding: 20px;
-  }
-
-</style>
 <template>
-  <div class="below-standard-main">
-    <div style="width: 100%;height: 100%;">
-      <div>
-        <el-row class="title">
-          <el-col :span="12" style="padding-left: 20px;text-align: left;">鏍囧噯鐗╄川娓呭崟</el-col>
-          <el-col :span="12" style="text-align: right;">
-						<el-button size="medium" type="primary" @click="$refs['ValueTable'].openAddDia('鏂板鎺ュ彛')" v-if="addPower">鏂� 澧�</el-button>
-            <el-button size="medium" @click="$refs['ValueTable'].openDownDia()">瀵� 鍑�</el-button>
-					</el-col>
-        </el-row>
+  <div>
+    <div>
+      <div class="view-title">
+        <span>鏍囧噯鐗╄川娓呭崟</span>
+        <span>
+          <el-button size="medium" @click="exportFun">瀵� 鍑�</el-button>
+          <el-button size="medium" type="primary" @click="openFormDia('add')">鏂� 澧�</el-button>
+        </span>
       </div>
-      <div class="search">
-        <div class="search_thing">
-          <div class="search_label">鍚嶇О锛�</div>
-          <div class="search_input">
-              <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="componentData.entity.model"
-                        @keyup.enter.native="refreshTable()"></el-input></div>
-        </div>
-        <div class="search_thing">
-          <div class="search_label">鐢熶骇鍘傚锛�</div>
-          <div class="search_input">
-            <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="componentData.entity.sample"
-              @keyup.enter.native="refreshTable()"></el-input>
-          </div>
-        </div>
-        <div class="search_thing" style="padding-left: 30px;">
-          <el-button size="small" @click="refresh()">閲� 缃�</el-button>
-          <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button>
-        </div>
+      <div class="search-background">
+        <span class="search-group">
+          <span style="width: 180px">鏍囧噯鐗╄川鍚嶇О锛�</span>
+          <el-input v-model="searchForm.name" clearable size="small"></el-input>
+        </span>
+        <span class="search-group">
+          <span style="width: 120px">鐢熶骇鍘傚锛�</span>
+          <el-input v-model="searchForm.factoryManufacturer" clearable size="small"></el-input>
+        </span>
+        <span class="search-group">
+          <el-button size="medium"  @click="resetSearchForm">閲� 缃�</el-button>
+          <el-button size="medium" type="primary" @click="searchList">鏌� 璇�</el-button>
+        </span>
       </div>
       <div class="table">
-          <ValueTable ref="ValueTable" :url="$api.unPass.pageInsUnPass" :componentData="componentData"
-          :key="upIndex" />
+        <div>
+          <TableCard :showForm="false" :showTitle="false">
+            <template v-slot:table>
+              <ZTTable
+                :column="tableColumn"
+                :height="'calc(100vh - 23em)'"
+                :table-data="tableData"
+                :table-loading="tableLoading"
+                style="padding: 0 15px;margin-bottom: 16px">
+              </ZTTable>
+            </template>
+          </TableCard>
+          <el-pagination :current-page="1" :page-size="page.size" :page-sizes="[10, 20, 30, 50, 100]"
+                         :total="total" layout="->,total, sizes, prev, pager, next, jumper"
+                         @size-change="handleSizeChange"
+                         @current-change="handleCurrentChange">
+          </el-pagination>
+        </div>
       </div>
     </div>
+    <form-dia v-if="formDia" ref="formDia" @closeYearDia="closeYearDia"></form-dia>
+    <borrow-dia v-if="borrowDia" ref="borrowDia" @closeYearDia="closeBorrowDia"></borrow-dia>
+    <return-dia v-if="returnDia" ref="returnDia" @closeYearDia="closeReturnDia"></return-dia>
   </div>
 </template>
 
 <script>
   import ValueTable from '../tool/value-table.vue'
+  import ZTTable from '../caorui/ZTTable/index.vue';
+  import TableCard from '../caorui/TableCard/index.vue';
+  import FormDia from '../do/a6-standard-material-list/formDia.vue';
+  import BorrowDia from '../do/a6-standard-material-list/borrowDia.vue';
+  import ReturnDia from '../do/a6-standard-material-list/returnDia.vue';
 export default {
   components: {
+    ReturnDia,
+    BorrowDia,
+    FormDia,
+    TableCard,
+    ZTTable,
     ValueTable,
   },
   data() {
     return {
-        componentData: {
-          entity: {
-            sample: null,
-            model: null,
-            orderBy: {
-              field: 'id',
-              order: 'asc'
-            }
-          },
-          isIndex: true,
-          showSelect: false,
-          select: false,
-          do: [
-            {
-              id: 'update',
-              font: '缂栬緫',
-              type: 'text',
-              method: 'doDiy',
-              field:['createUserName','updateUserName']
-            },{
-              id: 'delete',
-              font: '鍒犻櫎',
-              type: 'text',
-              method: 'doDiy'
-            }
-          ],
-          tagField: [],
-          selectField: [],
-          requiredAdd: ['model','sample',],
-          requiredUp: [],
-          needSort: ['sample'],
+      searchForm: {
+        name: '',
+        factoryManufacturer: '',
+      },
+      tableColumn: [
+        {
+          label: '鏍囧噯鐗╄川鍚嶇О',
+          prop: 'name',
+          minWidth: '120'
         },
-        entityCopy: {},
-        upIndex: 0,
-        stateList: [],
-        addPower:true,
-      }
+        {
+          label: '瑙勬牸鍨嬪彿',
+          prop: 'model',
+          minWidth: '100'
+        },
+        {
+          label: '鐢熶骇鍘傚',
+          prop: 'factoryManufacturer',
+          minWidth: '100'
+        },
+        {
+          label: '鍑哄巶缂栧彿',
+          prop: 'factoryNum',
+          minWidth: '100'
+        },
+        {
+          label: '绠$悊缂栧彿',
+          prop: 'manageNum',
+          minWidth: '100'
+        },
+        {
+          label: '涓嶇‘瀹氬害',
+          prop: 'uncertainty',
+          minWidth: '100'
+        },
+        {
+          label: '鏁伴噺',
+          prop: 'quantity',
+          minWidth: '100'
+        },
+        {
+          label: '璐疆鏃ユ湡',
+          prop: 'acquisitionDate',
+          minWidth: '150'
+        },
+        {
+          label: '鏈夋晥鏈�',
+          prop: 'effectiveDate',
+          minWidth: '150'
+        },
+        {
+          label: '妗f缂栧彿',
+          prop: 'fileNum',
+          minWidth: '100'
+        },
+        {
+          label: '瀛樻斁浣嶇疆',
+          prop: 'position',
+          minWidth: '100'
+        },
+        {
+          label: '澶囨敞',
+          prop: 'remark',
+          minWidth: '100'
+        },
+        // {
+        //   label: '鍒涘缓浜�',
+        //   prop: 'createUser',
+        //   minWidth: '100'
+        // },
+        {
+          label: '鍒涘缓鏃堕棿',
+          prop: 'createTime',
+          minWidth: '150'
+        },
+        {
+          dataType: 'action',
+          fixed: 'right',
+          minWidth: '180',
+          label: '鎿嶄綔',
+          operation: [
+            {
+              name: '缂栬緫',
+              type: 'text',
+              clickFun: (row) => {
+                this.openFormDia('edit', row);
+              },
+            },
+            {
+              name: '鍊熺敤',
+              type: 'text',
+              clickFun: (row) => {
+                this.borrow(row);
+              },
+            },
+            {
+              name: '褰掕繕',
+              type: 'text',
+              clickFun: (row) => {
+                this.return(row);
+              }
+            },
+            {
+              name: '鍒犻櫎',
+              type: 'text',
+              color: '#f56c6c',
+              clickFun: (row) => {
+                this.delPlan(row)
+              },
+            }
+          ]
+        }
+      ],
+      tableData: [],
+      tableLoading: false,
+      page: {
+        size: 20,
+        current: 1,
+      },
+      total: 0,
+      formDia: false,
+      borrowDia: false,
+      returnDia: false,
+    }
   },
   mounted() {
-    this.entityCopy = this.HaveJson(this.componentData.entity)
-    this.getPower()
+    this.searchList()
   },
   methods :{
-    refreshTable() {
-        this.$refs['ValueTable'].selectList()
-      },
-    refresh() {
-        this.componentData.entity = this.HaveJson(this.entityCopy)
-        this.upIndex++
-      },
-    // 鏉冮檺鍒嗛厤
-    getPower(radio) {
-      let power = JSON.parse(sessionStorage.getItem('power'))
+    exportFun() {
+      this.outLoading = true
+      this.$axios.get(this.$api.feStandardSubstance.exportOfStandardSubstanceList + '?factoryManufacturer=' + this.searchForm.factoryManufacturer
+        + '&name=' + this.searchForm.name, {responseType: "blob"}).then(res => {
+        this.outLoading = false
+        this.$message.success('瀵煎嚭鎴愬姛')
+        const blob = new Blob([res], {type: 'application/octet-stream'});
+        const url = URL.createObjectURL(blob);
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = '鏍囧噯鐗╄川娓呭崟.xlsx';
+        link.click();
+      }).finally(() => {
+        this.outLoading = false
+      })
+    },
+    // 鏌ヨ鍒楄〃
+    searchList () {
+      this.tableLoading = true
+      this.$axios.get(this.$api.feStandardSubstance.getPageStandardSubstance + '?factoryManufacturer=' + this.searchForm.factoryManufacturer
+        + '&name=' + this.searchForm.name
+        + '&pages=' + this.page.current + '&size=' + this.page.size).then(res => {
+        this.tableLoading = false
+        if (res.code === 201) return
+        this.tableData = res.data.records
+        this.total = res.data.total
+      }).catch(err => {
+        this.tableLoading = false
+      })
+    },
+    // 鍒犻櫎
+    delPlan (row) {
+      this.$confirm('姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ユ暟鎹�, 鏄惁缁х画?', '鎻愮ず', {
+        confirmButtonText: '纭畾',
+        cancelButtonText: '鍙栨秷',
+        type: 'warning'
+      }).then(() => {
+        this.tableLoading = true
+        this.$axios.get(this.$api.feStandardSubstance.removeStandardSubstance + '?id=' + row.id).then(res => {
+          this.tableLoading = false
+          if (res.code === 201) return
+          this.$message.success('鍒犻櫎鎴愬姛')
+          this.searchList()
+        }).catch(err => {
+          this.tableLoading = false
+        })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '宸插彇娑堝垹闄�'
+        });
+      });
+    },
+    // 鏂板锛岀紪杈戯紝鎵瑰噯寮规
+    openFormDia (type, row) {
+      this.formDia = true
+      this.$nextTick(() => {
+        this.$refs.formDia.openDia(type, row)
+      })
+    },
+    closeYearDia () {
+      this.formDia = false
+      this.searchList()
+    },
+    // 鍊熺敤
+    borrow (row) {
+      this.borrowDia = true
+      this.$nextTick(() => {
+        this.$refs.borrowDia.openDia(row)
+      })
+    },
+    closeBorrowDia () {
+      this.borrowDia = false
+      this.searchList()
+    },
+    // 褰掕繕
+    return (row) {
+      this.returnDia = true
+      this.$nextTick(() => {
+        this.$refs.returnDia.openDia(row)
+      })
+    },
+    closeReturnDia () {
+      this.returnDia = false
+      this.searchList()
+    },
+    // 閲嶇疆鏌ヨ鏉′欢
+    resetSearchForm () {
+      this.searchForm.name = '';
+      this.searchForm.factoryManufacturer = '';
+      this.searchList()
+    },
+    // 鍒嗛〉
+    handleSizeChange(val) {
+      this.page.size = val;
+      this.searchList();
+    },
+    handleCurrentChange(val) {
+      this.page.current = val;
+      this.searchList();
     },
   }
 }
 </script>
+<style scoped>
+.view-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 60px;
+  padding-left: 20px;
+}
+
+.search-background {
+  width: 100%;
+  height: 80px;
+  line-height: 80px;
+  background-color: #ffffff;
+  display: flex;
+}
+
+.search-group {
+  display: flex;
+  align-items: center;
+  margin: 0 20px;
+}
+
+.table {
+  margin-top: 20px;
+  background-color: #ffffff;
+  padding-top: 20px;
+}
+</style>

--
Gitblit v1.9.3