工厂报价模块

src/views/mes/qt/factoryQuote/index.vue

@@ -20,7 +20,12 @@
         </el-date-picker>
       </el-form-item>
       <el-form-item label="状态" prop="state">
-        <el-input v-model="queryParams.state" placeholder="请输入状态: 0草稿, 1审批中, 2发布中, 3确认" clearable @keyup.enter.native="handleQuery" />
+        <el-select v-model="queryParams.state" placeholder="请选择状态">
+          <el-option label="草稿" value="0" />
+          <el-option label="审批中" value="1" />
+          <el-option label="发布中" value="2" />
+          <el-option label="已发布" value="3" />
+        </el-select>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -95,10 +100,15 @@
           <span>{{ parseTime(scope.row.validTo, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="状态" prop="state"/>
+      <el-table-column label="状态" prop="state">
+        <template slot-scope="{row}">
+          {{ row.state === '0' ? '草稿' : row.state === '1' ? '审批中' : row.state === '2' ? '发布中' : '已发布'}}
+        </template>
+      </el-table-column>
       <el-table-column label="操作" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
+            v-if="scope.row.state === '0' || scope.row.state === '2'"
             size="mini"
             type="text"
             icon="el-icon-edit"
@@ -106,6 +116,15 @@
             v-hasPermi="['qt:factoryQuote:edit']"
           >修改
           </el-button>
+          <el-button
+            v-if="scope.row.state === '1'"
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="onAudit(scope.row)"
+            v-hasPermi="['qt:factoryQuote:edit']"
+          >审批
+          </el-button>
           <el-button
             size="mini"
             type="text"
@@ -130,44 +149,40 @@
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="客户名称" prop="clientId">
-          <el-select v-model="form.clientId" placeholder="请选择 客户" clearable filterable remote :remote-method="getClientList">
+          <el-select v-model="form.clientId" placeholder="请选择 客户" clearable filterable remote :remote-method="getClientList" :disabled="form.state === '2'">
             <el-option v-for="item in clientList" :key="item.clientId" :value="item.clientId" :label="item.clientName"/>
           </el-select>
         </el-form-item>
         <el-form-item label="产品" prop="itemId">
-          <el-input v-model="form.itemName" readonly placeholder="请选择产品" >
+          <el-input v-model="form.itemName" readonly placeholder="请选择产品" :disabled="form.state === '2'">
             <el-button slot="append" icon="el-icon-search" @click="$refs['ItemSelectRef'].showFlag = true" ></el-button>
           </el-input>
-          <ItemSelect ref="ItemSelectRef" @onSelected="onItemSelect" />
+          <ItemSelect ref="ItemSelectRef" @onSelected="onItemSelect"/>
         </el-form-item>
-        <el-form-item label="价格" prop="price">
-          <el-input v-model="form.price" placeholder="请输入价格"/>
+        <el-form-item v-if="form.state === '2'" label="价格" prop="price">
+          <el-input v-model.number="form.price" placeholder="请输入价格"/>
         </el-form-item>
-        <el-form-item label="有效期起" prop="validFrom">
+        <el-form-item label="有效期起" prop="validFrom" :disabled="form.state === '2'">
           <el-date-picker
             clearable
             v-model="form.validFrom"
             type="date"
             value-format="yyyy-MM-dd"
             placeholder="请选择有效期起"
-          >
-          </el-date-picker>
+            :disabled="form.state === '2'"/>
         </el-form-item>
-        <el-form-item label="有效期至" prop="validTo">
+        <el-form-item label="有效期至" prop="validTo" :disabled="form.state === '2'">
           <el-date-picker
             clearable
             v-model="form.validTo"
             type="date"
             value-format="yyyy-MM-dd"
             placeholder="请选择有效期至"
-          >
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="状态" prop="state">
-          <el-input v-model="form.state" placeholder="请输入状态"/>
+            :disabled="form.state === '2'"/>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
+        <el-button v-if="form.state == '0'" type="primary" @click="onSaveDraft">暂 存</el-button>
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
@@ -220,10 +235,15 @@ export default {
       },
       // 表单参数
       form: {
-        id: null, itemId: null, itemName: null, clientId: null, price: null, validFrom: null, validTo: null, state: null
+        id: null, itemId: null, itemName: null, clientId: null, price: null, validFrom: null, validTo: '9999-01-01', state: '0'
       },
       // 表单校验
-      rules: {},
+      rules: {
+        itemId: {required: true, message: '请选择产品', trigger: 'change'},
+        clientId: {required: true, message: '请选择客户', trigger: 'change'},
+        validFrom: {required: true, message: '请选择起止时间', trigger: 'change'},
+        price: {required: true, message: '请输入价格', trigger: 'change'},
+      },
       clientList: [],
       itemList: [],
     }
@@ -274,8 +294,8 @@ export default {
         itemId: null,
         price: null,
         validFrom: null,
-        validTo: null,
-        state: null,
+        validTo: '9999-01-01',
+        state: '0',
         createBy: null,
         createTime: null,
         updateBy: null,
@@ -305,6 +325,22 @@ export default {
       this.open = true
       this.title = '添加工厂报价'
     },
+    onAudit(row) {
+      this.$confirm('审批工厂报价', '', {
+        confirmButtonText: '通过',
+        cancelButtonText: '驳回',
+      }).then(() => {
+       updateFactoryQuote({id: row.id, state: '2'}).then(() => {
+         this.$message.success('操作成功')
+         this.getList()
+       })
+      }).catch(() => {
+        updateFactoryQuote({id: row.id, state: '0'}).then(() => {
+          this.$message.success('操作成功')
+          this.getList()
+        })
+      })
+    },
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.reset()
@@ -315,10 +351,21 @@ export default {
         this.title = '修改工厂报价'
       })
     },
+
+    onSaveDraft() {
+      this.form.state = '0'
+      let editQuote = this.form.id ? updateFactoryQuote : addFactoryQuote
+      editQuote(this.form).then(() => {
+        this.$modal.msgSuccess('修改成功')
+        this.open = false
+        this.getList()
+      })
+    },
     /** 提交按钮 */
     submitForm() {
       this.$refs['form'].validate(valid => {
         if (valid) {
+          this.form.state = +this.form.state + 1
           if (this.form.id != null) {
             updateFactoryQuote(this.form).then(response => {
               this.$modal.msgSuccess('修改成功')