功能调整

李林

2024-03-18 07506d995a2ecff9decc0b3545caf1052308a228

 src/components/do/b1-ins-order/add.vue

@@ -41,6 +41,12 @@
      font-size: 18px;
   }

  .el-select-dropdown__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

</style>
<style>
   .ins_order_add .el-input-group__append,
@@ -82,13 +88,16 @@
         <el-row class="title">
            <el-col :span="6" style="padding-left: 20px;">委托单信息</el-col>
            <el-col :span="18" style="text-align: right;">
               <el-select v-model="template" size="medium" placeholder="下单模板" style="margin-right: 10px;" v-show="active<2">
                  <el-option v-for="(a, ai) in templates" :key="ai" :value="a.value" :label="a.label"></el-option>
               <el-select v-model="template" size="medium" placeholder="下单模板" style="margin-right: 10px;" v-show="active==1" @change="selectInsOrderTemplateById">
                  <el-option v-for="(a, ai) in templates" :key="ai" :value="a.id" :label="a.name">
              <span style="float: left">{{ a.name }}</span>
              <i class="el-icon-delete" style="float: right; color: #66b1ff; font-size: 16px" @click.stop="handleDelete(a)"></i>
            </el-option>
               </el-select>
               <el-button size="medium" @click="" v-show="active<2">
               <el-button size="medium" @click="templateDia=true" v-show="active==1">
                  <span style="color: #3A7BFA;">保存模板</span>
               </el-button>
               <el-button size="medium" type="primary" @click="save" :loading="saveLoad" v-show="active<2">提交</el-button>
               <el-button size="medium" type="primary" @click="save" :loading="saveLoad" v-show="active==1">提交</el-button>
          <el-button size="medium" @click="upInsOrderOfState(2)" :loading="saveLoad" v-show="active==3">审核不通过</el-button>
          <el-button size="medium" type="primary" @click="upInsOrderOfState(1)" :loading="saveLoad" v-show="active==3">审核通过</el-button>
               <el-button size="medium" @click="$parent.playOrder(0)">
@@ -160,14 +169,14 @@
         </el-row>
      </div>
      <div>
         <div style="text-align: right;line-height: 45px;">
            <el-button type="primary" size="small" @click="addSampleDia = true" v-show="active<2">添加样品</el-button>
         <div style="text-align: right;line-height: 45px;" v-if="active<2">
            <el-button type="primary" size="small" @click="addSampleDia = true"  >添加样品</el-button>
            <el-button size="small" @click="delSample">
               <span style="color: #3A7BFA;" v-show="active<2">删除样品</span>
               <span style="color: #3A7BFA;">删除样品</span>
            </el-button>
         </div>
         <el-table class="el-table" ref="sampleTable" :data="sampleList" height="250px" tooltip-effect="dark" border
            @selection-change="selectSample" highlight-current-row @row-click="rowClick">
         <el-table class="el-table sampleTable" ref="sampleTable" :data="sampleList" height="250px" tooltip-effect="dark" border
            @selection-change="selectSample" highlight-current-row @row-click="rowClick" style="margin-top: 10px;">
            <el-table-column type="selection" width="60"></el-table-column>
            <el-table-column type="index" label="序号" width="65" align="center"></el-table-column>
            <el-table-column prop="sample" label="样品名称" align="center" show-overflow-tooltip
@@ -211,7 +220,7 @@
            <el-table-column label="操作" width="65" align="center">
               <template slot-scope="scope">
                  {{scope.index}}
                  <el-button type="text" size="small" @click="sampleList.splice(scope.$index, 1)" :disabled="active!=1">删除</el-button>
                  <el-button type="text" size="small" @click="delSampleAndProduct" :disabled="active!=1">删除</el-button>
               </template>
            </el-table-column>
         </el-table>
@@ -340,6 +349,18 @@
            <el-button type="primary" @click="onSample()" :loading="getProductLoad">确 定</el-button>
         </span>
      </el-dialog>
    <el-dialog title="保存模板" :visible.sync="templateDia" width="30%">
         <div class="body" style="height: 10vh;display: flex;align-items: center;" v-if="templateDia">
        <div class="search_label"><span class="required-span">* </span>模板名称：</div>
        <div class="search_input">
          <el-input size="small" clearable v-model="templateName"></el-input>
        </div>
         </div>
         <span slot="footer" class="dialog-footer">
            <el-button @click="templateDia = false">取 消</el-button>
            <el-button type="primary" @click="addTemplateDia" :loading="templateLoading">确 定</el-button>
         </span>
      </el-dialog>
   </div>
</template>

@@ -426,13 +447,17 @@
            productList: [],
            productIds: [],
            getProductLoad: false,
            saveLoad: false
            saveLoad: false,
        templateDia:false,
        templateLoading:false,
        templateName:''
         }
      },
      mounted() {
         this.selectEnumByCategoryForType()
         this.getUserNow()
         this.selectStandardTreeList()
      this.selectInsOrderTemplate()
      if(this.active==1){
        // 下单流程
      }else {
@@ -443,7 +468,10 @@
            }).then(res => {
          this.addObj = {...res.data.insOrder};
          this.addObj.type = String(this.addObj.type)
          this.sampleList = res.data.sampleProduct
          this.sampleList = this.HaveJson(res.data.sampleProduct);
          this.$nextTick(()=>{
            this.$refs.sampleTable.doLayout()
          })
            })
      }
      },
@@ -471,20 +499,30 @@
            this.selectUserDia = false
         },
         save() {
            this.saveLoad = true
            this.$axios.post(this.$api.insOrder.addInsOrder,{
               insOrder: this.addObj,
               list: this.sampleList
            },{
               headers: {
                  'Content-Type': 'application/json'
               }
            }).then(res=>{
               this.saveLoad = false
               if(res.code==201)return
               this.$message.success('已提交')
               this.$parent.playOrder(0)
            })
        if(!this.addObj.custom){
          this.$message.error('未选择下单客户')
        }else if(!this.addObj.type){
          this.$message.error('未选择紧急程度')
        }else if(this.sampleList.length<1){
          this.$message.error('请添加一个样品')
        }else if(!this.sampleList.every(m=>m.sampleCode)){
          this.$message.error('输入样品编号')
        }else{
          this.saveLoad = true
          this.$axios.post(this.$api.insOrder.addInsOrder,{
            insOrder: this.addObj,
            list: this.sampleList
          },{
            headers: {
              'Content-Type': 'application/json'
            }
          }).then(res=>{
            this.saveLoad = false
            if(res.code==201)return
            this.$message.success('已提交')
            this.$parent.playOrder(0)
          })
        }
         },
      upInsOrderOfState(state){
        this.saveLoad = true
@@ -659,7 +697,69 @@
               return 'warning-row';
            }
            return '';
         }
         },
      selectInsOrderTemplate(){
        this.$axios.get(this.$api.insOrder.selectInsOrderTemplate).then(res=>{
               if(res.code==201)return
               this.templates = res.data
            })
      },
      // 删除模板--调用接口
      handleDelete(row){
        this.$confirm('是否删除当前数据?', "警告", {
                     confirmButtonText: "确定",
                     cancelButtonText: "取消",
                     type: "warning"
                  }).then(() => {
                     this.$axios.post(this.$api.insOrder.delInsOrderTemplate, {
                        id: row.id
                     }).then(res => {
                        if (res.code === 201) {
                           return
                        }
                        this.$message.success('删除成功')
                        this.selectInsOrderTemplate()
                     }).catch(e => {
                        this.$message.error('删除失败')
                     })
                  }).catch(() => {})
      },
      // 保存模板
      addTemplateDia(){
        if(this.templateName){
          this.templateLoading = true;
          this.$axios.post(this.$api.insOrder.addInsOrderTemplate,{
            name:this.templateName,
            thing:JSON.stringify({addObj:this.addObj,sampleList:this.sampleList})
          },{
               headers: {
                  'Content-Type': 'application/json'
               }
            }).then(res=>{
               if(res.code==201)return
          this.templateLoading = false;
          this.templateDia = false;
          this.$message.success('保存成功')
          this.selectInsOrderTemplate()
          this.templateName = ''
            })
        }else{
          this.$message.error('请填写模板名称')
        }
      },
      // 查询模板
      selectInsOrderTemplateById(e){
        this.$axios.post(this.$api.insOrder.selectInsOrderTemplateById+'?id='+e).then(res=>{
               if(res.code==201)return
          let obj = JSON.parse(res.data)
          this.addObj = obj.addObj;
          this.sampleList = obj.sampleList;
            })
      },
      delSampleAndProduct(){
        this.sampleList.splice(scope.$index, 1)
        this.productList = []
      }
      }
   }
</script>