工单管理

base-vue/src/views/modules/contract/contract-add-or-update.vue

@@ -1,162 +1,37 @@
 <template>
   <el-dialog
-    title="合同基本信息"
+    :title="!dataForm.contractId ? '新增' : '修改'"
     :close-on-click-modal="false"
     :visible.sync="visible">
-    <el-form :model="dataForm" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="114px">
-      <el-row>
-        <el-col :span="9">
-          <el-form-item label="合同类型">
-            <el-select v-model="dataForm.type" placeholder="合同类型">
-              <el-option label="区域一" value="shanghai"></el-option>
-              <el-option label="区域二" value="beijing"></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="9">
-          <el-form-item label="工单编号">
-            <el-input v-model="dataForm.code" placeholder="工单编号"></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item label="是否主合同">
-            <el-switch
-              v-model="dataForm.isS"
-              active-color="#13ce66"
-              inactive-color="#ff4949">
-            </el-switch>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="9">
-          <el-form-item label="关联主合同编号">
-            <el-input v-model="dataForm.code" placeholder="关联主合同编号"></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="9">
-          <el-form-item label="客户">
-            <el-select v-model="dataForm.type" placeholder="客户">
-              <el-option label="区域一" value="shanghai"></el-option>
-              <el-option label="区域二" value="beijing"></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="9">
-          <el-form-item label="保修期">
-            <el-input v-model="dataForm.code" placeholder="保修期"></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="9">
-          <el-form-item label="付款方式">
-            <el-select v-model="dataForm.type" placeholder="付款方式">
-              <el-option label="区域一" value="shanghai"></el-option>
-              <el-option label="区域二" value="beijing"></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row type="flex" justify="space-between">
-        <el-col :span="6">
-          <el-button type="primary">新增一行</el-button>
-        </el-col>
-        <el-col :span="9">
-          <el-form-item label="总计">
-            <el-input v-model="dataForm.code" placeholder="总计"></el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
+    <el-form-item label="合同类型" prop="contractType">
+      <el-input v-model="dataForm.contractType" placeholder="合同类型"></el-input>
+    </el-form-item>
+    <el-form-item label="是否是主合同" prop="isMaster">
+      <el-input v-model="dataForm.isMaster" placeholder="是否是主合同"></el-input>
+    </el-form-item>
+    <el-form-item label="合同编号" prop="contractNumber">
+      <el-input v-model="dataForm.contractNumber" placeholder="合同编号"></el-input>
+    </el-form-item>
+    <el-form-item label="客户id" prop="clientId">
+      <el-input v-model="dataForm.clientId" placeholder="客户id"></el-input>
+    </el-form-item>
+    <el-form-item label="物料信息" prop="materialJson">
+      <el-input v-model="dataForm.materialJson" placeholder="物料信息"></el-input>
+    </el-form-item>
+    <el-form-item label="是否验收" prop="isAcceptance">
+      <el-input v-model="dataForm.isAcceptance" placeholder="是否验收"></el-input>
+    </el-form-item>
+    <el-form-item label="创建日期" prop="createTime">
+      <el-input v-model="dataForm.createTime" placeholder="创建日期"></el-input>
+    </el-form-item>
+    <el-form-item label="创建日期" prop="acceptanceTime">
+      <el-input v-model="dataForm.acceptanceTime" placeholder="创建日期"></el-input>
+    </el-form-item>
+    <el-form-item label="备注" prop="remarks">
+      <el-input v-model="dataForm.remarks" placeholder="备注"></el-input>
+    </el-form-item>
     </el-form>
-    <el-table
-      :data="dataList"
-      border
-      style="width: 100%;"
-      max-height="200">
-      <el-table-column
-        type="selection"
-        header-align="center"
-        align="center"
-        width="50">
-      </el-table-column>
-      <el-table-column
-        prop="code"
-        header-align="center"
-        align="center"
-        label="物料编号">
-      </el-table-column>
-      <el-table-column
-        prop="roleName"
-        header-align="center"
-        align="center"
-        label="物料名称">
-      </el-table-column>
-      <el-table-column
-        prop="roleName"
-        header-align="center"
-        align="center"
-        label="型号">
-      </el-table-column>
-      <el-table-column
-        prop="roleName"
-        header-align="center"
-        align="center"
-        label="单价">
-      </el-table-column>
-      <el-table-column
-        prop="roleName"
-        header-align="center"
-        align="center"
-        label="价格系数">
-      </el-table-column>
-      <el-table-column
-        prop="roleName"
-        header-align="center"
-        align="center"
-        label="价格系数">
-      </el-table-column>
-      <el-table-column
-        prop="roleName"
-        header-align="center"
-        align="center"
-        label="对外价格">
-      </el-table-column>
-      <el-table-column
-        prop="roleName"
-        header-align="center"
-        align="center"
-        label="数量">
-      </el-table-column>
-      <el-table-column
-        prop="roleName"
-        header-align="center"
-        align="center"
-        label="总价">
-      </el-table-column>
-      <el-table-column
-        prop="roleName"
-        header-align="center"
-        align="center"
-        label="总价">
-      </el-table-column>
-      <el-table-column
-        prop="roleName"
-        header-align="center"
-        align="center"
-        label="备注">
-      </el-table-column>
-      <el-table-column
-        fixed="right"
-        header-align="center"
-        align="center"
-        width="70"
-        label="操作">
-        <template slot-scope="scope">
-          <el-button type="text" size="small">删除行</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
     <span slot="footer" class="dialog-footer">
       <el-button @click="visible = false">取消</el-button>
       <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
@@ -165,27 +40,117 @@
 </template>
 
 <script>
-export default {
-  data () {
-    return {
-      visible: false,
-      dataForm: {
-        type: '',
-        code: '',
-        isS: true
-      },
-      dataList: [{code: '100010'}, {code: '100010'}, {code: '100010'}]
-    }
-  },
-  methods: {
-    init (id) {
-      this.visible = true
-      this.$nextTick(() => {
-        this.$refs['dataForm'].resetFields()
-      })
+  export default {
+    data () {
+      return {
+        visible: false,
+        dataForm: {
+          contractId: 0,
+          contractType: '',
+          isMaster: '',
+          contractNumber: '',
+          clientId: '',
+          materialJson: '',
+          isAcceptance: '',
+          createTime: '',
+          acceptanceTime: '',
+          remarks: ''
+        },
+        dataRule: {
+          contractType: [
+            { required: true, message: '合同类型不能为空', trigger: 'blur' }
+          ],
+          isMaster: [
+            { required: true, message: '是否是主合同不能为空', trigger: 'blur' }
+          ],
+          contractNumber: [
+            { required: true, message: '合同编号不能为空', trigger: 'blur' }
+          ],
+          clientId: [
+            { required: true, message: '客户id不能为空', trigger: 'blur' }
+          ],
+          materialJson: [
+            { required: true, message: '物料信息不能为空', trigger: 'blur' }
+          ],
+          isAcceptance: [
+            { required: true, message: '是否验收不能为空', trigger: 'blur' }
+          ],
+          createTime: [
+            { required: true, message: '创建日期不能为空', trigger: 'blur' }
+          ],
+          acceptanceTime: [
+            { required: true, message: '创建日期不能为空', trigger: 'blur' }
+          ],
+          remarks: [
+            { required: true, message: '备注不能为空', trigger: 'blur' }
+          ]
+        }
+      }
     },
-    // 表单提交
-    dataFormSubmit () {}
+    methods: {
+      init (id) {
+        this.dataForm.contractId = id || 0
+        this.visible = true
+        this.$nextTick(() => {
+          this.$refs['dataForm'].resetFields()
+          if (this.dataForm.contractId) {
+            this.$http({
+              url: this.$http.adornUrl(`/tickets/contract/info/${this.dataForm.contractId}`),
+              method: 'get',
+              params: this.$http.adornParams()
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.dataForm.contractType = data.contract.contractType
+                this.dataForm.isMaster = data.contract.isMaster
+                this.dataForm.contractNumber = data.contract.contractNumber
+                this.dataForm.clientId = data.contract.clientId
+                this.dataForm.materialJson = data.contract.materialJson
+                this.dataForm.isAcceptance = data.contract.isAcceptance
+                this.dataForm.createTime = data.contract.createTime
+                this.dataForm.acceptanceTime = data.contract.acceptanceTime
+                this.dataForm.remarks = data.contract.remarks
+              }
+            })
+          }
+        })
+      },
+      // 表单提交
+      dataFormSubmit () {
+        this.$refs['dataForm'].validate((valid) => {
+          if (valid) {
+            this.$http({
+              url: this.$http.adornUrl(`/tickets/contract/${!this.dataForm.contractId ? 'save' : 'update'}`),
+              method: 'post',
+              data: this.$http.adornData({
+                'contractId': this.dataForm.contractId || undefined,
+                'contractType': this.dataForm.contractType,
+                'isMaster': this.dataForm.isMaster,
+                'contractNumber': this.dataForm.contractNumber,
+                'clientId': this.dataForm.clientId,
+                'materialJson': this.dataForm.materialJson,
+                'isAcceptance': this.dataForm.isAcceptance,
+                'createTime': this.dataForm.createTime,
+                'acceptanceTime': this.dataForm.acceptanceTime,
+                'remarks': this.dataForm.remarks
+              })
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.$message({
+                  message: '操作成功',
+                  type: 'success',
+                  duration: 1500,
+                  onClose: () => {
+                    this.visible = false
+                    this.$emit('refreshDataList')
+                  }
+                })
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          }
+        })
+      }
+    }
   }
-}
-</script>
+</script>