| | |
| | | <style scoped> |
| | | .search { |
| | | background-color: #fff; |
| | | height: 80px; |
| | | height: 46px; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | .search_thing { |
| | | width: 350px; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | .search_label { |
| | | width: 110px; |
| | | font-size: 14px; |
| | | text-align: right; |
| | | } |
| | | |
| | | .search_input { |
| | | width: calc(100% - 110px); |
| | | } |
| | | |
| | | .table { |
| | | margin-top: 10px; |
| | | background-color: #fff; |
| | | width: calc(100% - 40px); |
| | | height: calc(100% - 60px - 80px - 10px - 40px); |
| | | padding: 20px; |
| | | justify-content: space-between; |
| | | } |
| | | </style> |
| | | |
| | | <template> |
| | | <div class="standard_method"> |
| | | <div class="capacity-scope"> |
| | | <div class="search"> |
| | | <div class="search_thing"> |
| | | <div class="search_label">标准编号:</div> |
| | | <div class="search_input"> |
| | | <el-input |
| | | size="small" |
| | | placeholder="请输入" |
| | | clearable |
| | | v-model="queryParams.code" |
| | | @keyup.enter.native="refreshTable()" |
| | | ></el-input> |
| | | </div> |
| | | <div> |
| | | <el-form :model="queryParams" ref="queryParams" size="small" :inline="true"> |
| | | <el-form-item label="标准编号" prop="code"> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="queryParams.code" |
| | | @keyup.enter.native="refreshTable()"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="标准名称" prop="name"> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="queryParams.name" |
| | | @keyup.enter.native="refreshTable()"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" size="mini" @click="refreshTable">查询</el-button> |
| | | <el-button size="mini" @click="refresh">重置</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="search_thing"> |
| | | <div class="search_label">标准名称:</div> |
| | | <div class="search_input"> |
| | | <el-input |
| | | size="small" |
| | | placeholder="请输入" |
| | | clearable |
| | | v-model="queryParams.name" |
| | | @keyup.enter.native="refreshTable()" |
| | | ></el-input> |
| | | </div> |
| | | </div> |
| | | <div class="search_thing" style="padding-left: 30px"> |
| | | <el-button size="small" @click="refresh()">重 置</el-button> |
| | | <el-button size="small" type="primary" @click="refreshTable()" |
| | | >查 询</el-button |
| | | > |
| | | </div> |
| | | <div class="btn"> |
| | | <el-button |
| | | size="small" |
| | | @click="$refs.ValueTable.openUpload()" |
| | | v-if="inPower" |
| | | > |
| | | <i class="el-icon-upload2" style="color: #3a7bfa"></i> |
| | | <span style="color: #3a7bfa">导入</span></el-button |
| | | > |
| | | <el-button size="small" type="primary" @click="openAdd" v-if="addPower" |
| | | >新增</el-button |
| | | > |
| | | <div> |
| | | <el-button size="small" type="primary" @click="openAdd" v-if="addPower">新增</el-button> |
| | | </div> |
| | | </div> |
| | | <lims-table |
| | | :tableData="tableData" |
| | | :column="column" |
| | | :page="page" |
| | | :tableLoading="tableLoading" |
| | | :height="'calc(100vh - 250px)'" |
| | | style="padding: 20px; padding-top: 0" |
| | | @pagination="pagination" |
| | | ></lims-table> |
| | | <lims-table :tableData="tableData" :column="column" :page="page" :tableLoading="tableLoading" |
| | | :height="'calc(100vh - 250px)'" @pagination="pagination"></lims-table> |
| | | <!-- 新增/编辑 --> |
| | | <el-dialog :title="title" :visible.sync="addDlog" width="500px"> |
| | | <el-form |
| | | :model="addForm" |
| | | ref="addForm" |
| | | :rules="addRules" |
| | | label-position="right" |
| | | label-width="120px" |
| | | > |
| | | <el-form :model="addForm" ref="addForm" :rules="addRules" label-position="right" label-width="120px"> |
| | | <el-form-item label="领域" prop="field"> |
| | | <el-input |
| | | size="small" |
| | | placeholder="请输入" |
| | | clearable |
| | | v-model="addForm.field" |
| | | ></el-input> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="addForm.field"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="标准编号" prop="code"> |
| | | <el-input |
| | | size="small" |
| | | placeholder="请输入" |
| | | clearable |
| | | v-model="addForm.code" |
| | | > |
| | | <el-input size="small" placeholder="请输入" clearable v-model="addForm.code"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="检验对象" prop="structureTestObjectId"> |
| | | <el-cascader |
| | | size="small" |
| | | :options="tandardTree" |
| | | v-model="addForm.structureTestObjectId" |
| | | collapse-tags |
| | | :props="{ multiple: true, checkStrictly: true }" |
| | | clearable |
| | | style="width: 100%" |
| | | ></el-cascader> |
| | | <el-cascader size="small" :options="tandardTree" v-model="addForm.structureTestObjectId" collapse-tags |
| | | :props="{ multiple: true, checkStrictly: true }" clearable style="width: 100%"></el-cascader> |
| | | </el-form-item> |
| | | <el-form-item label="标准描述" prop="name"> |
| | | <el-input |
| | | size="small" |
| | | placeholder="请输入" |
| | | clearable |
| | | v-model="addForm.name" |
| | | > |
| | | <el-input size="small" placeholder="请输入" clearable v-model="addForm.name"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="标准描述EN" prop="nameEn"> |
| | | <el-input |
| | | size="small" |
| | | placeholder="请输入" |
| | | clearable |
| | | v-model="addForm.nameEn" |
| | | > |
| | | <el-input size="small" placeholder="请输入" clearable v-model="addForm.nameEn"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="备注" prop="remark"> |
| | | <el-input |
| | | size="small" |
| | | placeholder="请输入" |
| | | clearable |
| | | v-model="addForm.remark" |
| | | > |
| | | <el-input size="small" placeholder="请输入" clearable v-model="addForm.remark"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="资质" prop="qualificationId"> |
| | | <el-select |
| | | v-model="addForm.qualificationId" |
| | | size="small" |
| | | clearable |
| | | placeholder="请选择" |
| | | style="width: 100%" |
| | | > |
| | | <el-option |
| | | v-for="item in qualificationList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | <el-select v-model="addForm.qualificationId" size="small" clearable placeholder="请选择" style="width: 100%"> |
| | | <el-option v-for="item in qualificationList" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="是否产品标准" prop="isProduct"> |
| | | <el-select |
| | | v-model="addForm.isProduct" |
| | | size="small" |
| | | clearable |
| | | placeholder="请选择" |
| | | style="width: 100%" |
| | | > |
| | | <el-select v-model="addForm.isProduct" size="small" clearable placeholder="请选择" style="width: 100%"> |
| | | <el-option label="否" :value="0"> </el-option> |
| | | <el-option label="是" :value="1"> </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="是否启用" prop="isUse"> |
| | | <el-select |
| | | v-model="addForm.isUse" |
| | | size="small" |
| | | clearable |
| | | placeholder="请选择" |
| | | style="width: 100%" |
| | | > |
| | | <el-select v-model="addForm.isUse" size="small" clearable placeholder="请选择" style="width: 100%"> |
| | | <el-option label="否" :value="0"> </el-option> |
| | | <el-option label="是" :value="1"> </el-option> |
| | | </el-select> |
| | |
| | | </el-form> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="addDlog = false">取 消</el-button> |
| | | <el-button |
| | | :loading="addLoading" |
| | | type="primary" |
| | | @click="submitProduct('addForm')" |
| | | >确 认</el-button |
| | | > |
| | | <el-button :loading="addLoading" type="primary" @click="submitProduct('addForm')">确 认</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | upStandardMethod, |
| | | } from "@/api/cnas/process/method/standardMethod"; |
| | | export default { |
| | | name: 'StandardMethod', |
| | | components: { |
| | | limsTable, |
| | | }, |
| | |
| | | name: "编辑", |
| | | type: "text", |
| | | clickFun: (row) => { |
| | | this.title = "编辑"; |
| | | this.addForm = row; |
| | | this.addForm.structureTestObjectId = JSON.parse( |
| | | this.addForm.structureTestObjectId |
| | | ); |
| | | this.addDlog = true; |
| | | this.openEdit(row) |
| | | }, |
| | | }, |
| | | { |
| | |
| | | this.queryParams = {}; |
| | | this.getList(); |
| | | }, |
| | | // 权限分配 |
| | | getPower() { |
| | | let power = JSON.parse(sessionStorage.getItem("power")); |
| | | let up = false; |
| | | let del = false; |
| | | let add = false; |
| | | let inPower = false; |
| | | for (var i = 0; i < power.length; i++) { |
| | | if (power[i].menuMethod == "addStandardMethod") { |
| | | add = true; |
| | | } |
| | | if (power[i].menuMethod == "delStandardMethod") { |
| | | del = true; |
| | | } |
| | | if (power[i].menuMethod == "upStandardMethod") { |
| | | up = true; |
| | | } |
| | | if (power[i].menuMethod == "importStandardDetails") { |
| | | inPower = true; |
| | | } |
| | | } |
| | | this.addPower = add; |
| | | this.inPower = inPower; |
| | | }, |
| | | openAdd() { |
| | | this.title = "新增"; |
| | | this.addForm = {}; |
| | | this.addDlog = true; |
| | | }, |
| | | openEdit(row) { |
| | | this.title = "编辑"; |
| | | this.addDlog = true; |
| | | this.addForm = this.HaveJson(row) |
| | | this.addForm.structureTestObjectId = JSON.parse( |
| | | this.addForm.structureTestObjectId |
| | | ); |
| | | }, |
| | | getQualificationList() { |
| | | this.getDicts("cnas_method_qualification").then((response) => { |
| | |
| | | } |
| | | }); |
| | | }, |
| | | // 删除 |
| | | handleDelete(row) { |
| | | this.$confirm("是否删除该条数据?", "提示", { |
| | | confirmButtonText: "确定", |
| | |
| | | }) |
| | | .then(() => { |
| | | delStandardMethod({ id: row.id }).then((res) => { |
| | | if (res.code == 201) return; |
| | | this.$message.success("删除成功"); |
| | | this.getList(); |
| | | }); |
| | | }) |
| | | .catch(() => {}); |
| | | .catch(() => { }); |
| | | }, |
| | | }, |
| | | }; |