订单管理详情变更记录

src/HDrpManagement/orderManage/details/tabs/changeHistory.vue

@@ -45,9 +45,13 @@
           prop="newdeliverydate"
           :label="$t(`变更后交期`)">
       </el-table-column>
+      <el-table-column
+          prop="type"
+          :label="$t(`变更原因`)">
+      </el-table-column>
       <el-table-column
         prop="remarks"
-        :label="$t(`变更备注`)">
+        :label="$t(`原因描述`)">
       </el-table-column>
     </el-table>
     <div class="container normal-panel" style="text-align:right">

src/HDrpManagement/orderManage/details/tabs/changeOrderMx.vue

@@ -95,9 +95,19 @@
           </template>
         </el-table-column>
       </el-table>
-      <el-form :model="form" label-position="top" size="small">
-        <el-form-item :label="$t(`变更备注`)" :label-width="formLabelWidth">
-          <el-input v-model="form.remarks" type="textarea" :autosize="{minRows:5}" :placeholder="$t(`输入变更备注`)" autocomplete="off"></el-input>
+      <el-form ref="form" :model="form" :rules="rules" label-position="top" size="small">
+        <el-form-item :label="$t(`变更原因`)" prop="typeclass" :label-width="formLabelWidth">
+          <el-select v-model="form.typeclass" :placeholder="$t(`选择变更原因`)" style="width: 100%">
+            <el-option
+                v-for="item in changeReason"
+                :key="item.value"
+                :label="$t(item.value)"
+                :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="$t(`原因描述`)" prop="remarks" :label-width="formLabelWidth">
+          <el-input v-model="form.remarks" type="textarea" :autosize="{minRows:5}" :placeholder="$t(`输入原因描述`)" autocomplete="off"></el-input>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -130,19 +140,32 @@ export default {
       listData:[],
       dialogVisible:false,
       form:{
-        qty:''
+        qty:'',
+        typeclass:'',
+        remarks:''
       },
       deliverydate:'',
       siteid:JSON.parse(sessionStorage.getItem('active_account')).siteid,
+      rules: {
+        typeclass: [
+          { required: true, message: this.$t("选择变更原因"), trigger: "change" },
+        ],
+        remarks: [
+          { required: true, message: this.$t("输入原因描述"), trigger: "blur" },
+        ],
+      },
+      changeReason:[]
     }
   },
   methods:{
     DateFocus(val){
       this.deliverydate = val
     },
-    onShow () {
+    async onShow () {
       this.listData = this.tableData
       this.dialogVisible = true
+      const res = await this.$store.dispatch('optiontypeselect','orderchangereason')
+      this.changeReason = res.data
     },
     onClose(){
       this.form.remarks = ''
@@ -182,30 +205,34 @@ export default {
         return true
       }
     },
-    async submit () {
+   submit () {
       if (this.checkRowData()) {
-        const res = await this.$api.requested({
-          "id": 20221110145302,
-          "content": {
-            "sa_orderid":this.data.sa_orderid,//订单ID
-            "type":"数量",//调整类型，目前只支持数量
-            "remarks":this.data.remarks,
-            "itemifnos":this.listData.map(e=>{
-              return {
-                sa_orderitemsid:e.sa_orderitemsid,
-                itemid:e.itemid,
-                newvalue:e.newvalue,
-                newdeliverydate:e.newdeliverydate?e.newdeliverydate:''
-              }
-            })
-          }
-        })
-        this.tool.showMessage(res,()=>{
-          this.dialogVisible = false
-          this.$emit('onSuccess')
+        this.$refs.form.validate(async (valid)=>{
+          if (!valid) return false
+          const res = await this.$api.requested({
+            "id": 20221110145302,
+            "content": {
+              "sa_orderid":this.data.sa_orderid,//订单ID
+              "type":'数量',//调整类型，目前只支持数量
+              "typeclass":this.form.typeclass,
+              "remarks":this.form.remarks,
+              "itemifnos":this.listData.map(e=>{
+                return {
+                  sa_orderitemsid:e.sa_orderitemsid,
+                  itemid:e.itemid,
+                  newvalue:e.newvalue,
+                  newdeliverydate:e.newdeliverydate?e.newdeliverydate:''
+                }
+              })
+            }
+          })
+          this.tool.showMessage(res,()=>{
+            this.dialogVisible = false
+            this.$emit('onSuccess')
+          })
         })
       }
-    }
+    },
   }
 }