王震
2023-08-30 23d29d43b8fd1022464814da2f9b05be13c3c24f
src/components/view/record-content.vue
@@ -106,18 +106,19 @@
   }
</style>
<template>
   <div class="record_content">
      <div class="title">
         <el-row>
            <el-col :span="12" style="line-height: 32px;">记录内容维护</el-col>
            <el-col :span="12" style="text-align: right;">
               <el-button type="primary" icon="el-icon-plus" style="background: #004EA2;">新增</el-button>
               <el-button icon="el-icon-edit-outline">修改</el-button>
               <el-button type="primary" icon="el-icon-plus" style="background: #004EA2;" @click="addend">新增</el-button>
               <el-button icon="el-icon-edit-outline" @click="modify">修改</el-button>
               <el-button icon="el-icon-delete" @click="dels">删除</el-button>
            </el-col>
         </el-row>
      </div>
      </div>
      <div class="choose">
         <span>类型:</span>
         <el-select v-model="search.type" size="small" placeholder="请选择" style="width: 224px;margin-right: 30px;">
@@ -197,6 +198,119 @@
            <el-button @click="upDia = false">取 消</el-button>
         </span>
      </el-dialog>
      <!-- 新增弹窗 -->
      <el-dialog title="工序新增" :visible.sync="dialogVisible" width="35%">
         <div>
            <el-form ref="form" :model="form" label-width="80px">
            <el-form-item label="类型">
               <template>
                        <el-select v-model="value" placeholder="请选择类型" style="width: 480px;">
                            <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                            </el-option>
                        </el-select>
                        </template>
            </el-form-item>
            <el-form-item label="工序">
               <template>
                        <el-select v-model="value" placeholder="请选择类型" style="width: 480px;">
                            <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                            </el-option>
                        </el-select>
                        </template>
            </el-form-item>
            <el-form-item label="工艺名称">
               <template>
                        <el-select v-model="value" placeholder="请选择类型" style="width: 480px;">
                            <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                            </el-option>
                        </el-select>
                        </template>
            </el-form-item>
            <el-form-item label="记录">
               <el-input v-model="form.name"></el-input>
            </el-form-item>
            <el-form-item label="备注">
               <el-input v-model="form.vvvv"></el-input>
            </el-form-item>
            <el-form-item label="单位">
               <el-input v-model="form.aaaa"></el-input>
            </el-form-item>
            </el-form>
         </div>
         <span slot="footer" class="dialog-footer">
            <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
            <el-button @click="dialogVisible = false">取 消</el-button>
         </span>
      </el-dialog>
      <!-- 修改弹窗 -->
      <el-dialog title="工序编辑" :visible.sync="modifyVisible" width="35%">
         <div>
            <el-form ref="form" :model="form" label-width="80px">
            <el-form-item label="类型">
               <template>
                        <el-select v-model="value" placeholder="请选择类型" style="width: 480px;">
                            <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                            </el-option>
                        </el-select>
                        </template>
            </el-form-item>
            <el-form-item label="工序">
               <template>
                        <el-select v-model="value" placeholder="请选择类型" style="width: 480px;">
                            <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                            </el-option>
                        </el-select>
                        </template>
            </el-form-item>
            <el-form-item label="工艺名称">
               <template>
                        <el-select v-model="value" placeholder="请选择类型" style="width: 480px;">
                            <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                            </el-option>
                        </el-select>
                        </template>
            </el-form-item>
            <el-form-item label="记录">
               <el-input v-model="form.name"></el-input>
            </el-form-item>
            <el-form-item label="备注">
               <el-input v-model="form.vvvv"></el-input>
            </el-form-item>
            <el-form-item label="单位">
               <el-input v-model="form.aaaa"></el-input>
            </el-form-item>
            </el-form>
         </div>
         <span slot="footer" class="dialog-footer">
            <el-button type="primary" @click="modifyVisible = false">确 定</el-button>
            <el-button @click="modifyVisible = false">取 消</el-button>
         </span>
      </el-dialog>
   </div>
</template>
@@ -206,9 +320,14 @@
         return {
            search: {
               type: 0,
               name: null,
               technology: null
               name: 2,
               technology: 2
            },
            options:[],
            value:{},
            form:{},
            modifyVisible:false,
            dialogVisible:false,
            process: [],
            list: [{
               id: 0,
@@ -278,6 +397,12 @@
         this.selectDataList()
      },
      methods: {
         modify(){
                this.modifyVisible = true
            },
         addend(){
            this.dialogVisible = true
         },
         filterNode(value, data) {
           if (!value) return true;
           return data.name.indexOf(value) !== -1;