李林
2024-03-05 20c353ea04bd6e317ed6b9dc3a3aa943f847534a
src/components/view/b2-standard.vue
@@ -1,6 +1,7 @@
<style scoped>
   .standard {
      padding: 20px 0;
      display: flex;
   }
   .left {
@@ -18,9 +19,7 @@
   .custom-tree-node .el-icon-delete {
      color: #3A7BFA;
      opacity: 0;
      position: relative;
      right: 0;
      font-size: 16px;
      font-size: 18px;
   }
   .custom-tree-node:hover .el-icon-delete {
@@ -31,6 +30,35 @@
      color: orange;
      font-size: 18px;
   }
   .right {
      margin-left: 5px;
      width: calc(100% - 305px);
      height: calc(100% - 40px);
   }
   .right .title {
      height: 50px;
      line-height: 50px;
      padding: 0 10px;
      background-color: white;
   }
   .standard_table{
      border-top: 1px solid #ebeef5;
      background-color: white;
   }
   .product_table{
      border-top: 1px solid #ebeef5;
      height: calc(100% - 275px);
      margin-top: 5px;
      background-color: white;
   }
   .product_table .el-table{
      height: 100%;
   }
</style>
<style>
   .standard .el-tree-node__content {
@@ -40,8 +68,20 @@
   }
   .standard .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
      background: rgba(58, 124, 253, 0.1);
      color: #3A7BFA;
   }
   .standard .has-gutter .el-table__cell .cell{
      line-height: 38px;
      background-color: #fafafa;
   }
   .standard .has-gutter .el-table__cell{
      background-color: #fafafa !important;
   }
   .standard .standard_table .el-table__row .cell{
      font-size: 14px;
   }
</style>
@@ -62,8 +102,9 @@
            @node-expand="nodeOpen" @node-collapse="nodeClose" v-loading="treeLoad">
            <div class="custom-tree-node" slot-scope="{ node, data }">
               <el-row>
                  <el-col :span="22">
                     <span><i :class="`node_i ${data.children != undefined ? 'el-icon-folder-opened' : 'el-icon-tickets'}`"></i>
                  <el-col :span="21">
                     <span><i
                           :class="`node_i ${data.children != undefined ? 'el-icon-folder-opened' : 'el-icon-tickets'}`"></i>
                        {{ data.code }} {{ data.label }}</span>
                  </el-col>
                  <el-col :span="2" style="text-align: right;">
@@ -75,7 +116,57 @@
            </div>
         </el-tree>
      </div>
      <div class="right"></div>
      <div class="right">
         <el-row class="title">
            <el-col :span="10" style="font-size: 14px;color: #999;">{{selectTree}}</el-col>
            <el-col :span="selectTree==''?24:14" style="text-align: right;">
               <el-button size="small" type="primary" @click="addStandardDia = true" v-if="addStandardMethod">新增标准</el-button>
               <el-button size="small" type="primary">新增项目</el-button>
               <el-button size="small">
                  <i class="el-icon-delete" style="color: #3A7BFA;"></i>
                  <span style="color: #3A7BFA;">删除</span>
               </el-button>
            </el-col>
         </el-row>
         <el-row class="standard_table" v-loading="standardListLoad">
            <el-table class="el-table" :data="standardList" style="width: 100%;" height="220px" tooltip-effect="dark">
               <el-table-column prop="code" label="标准编号" show-overflow-tooltip>
                  <template slot-scope="scope">
                     <span style="color: red;font-size: 14px;">{{scope.row['code']}}</span>
                  </template>
               </el-table-column>
               <el-table-column prop="name" label="标准名称" show-overflow-tooltip></el-table-column>
               <el-table-column prop="remark" label="备注" show-overflow-tooltip></el-table-column>
               <el-table-column prop="createUserName" label="创建人"></el-table-column>
               <el-table-column prop="createTime" label="创建时间" width="250px"></el-table-column>
               <el-table-column label="操作" width="100" align="center">
                  <template slot-scope="scope">
                     <el-button type="text" size="small">删除</el-button>
                  </template>
               </el-table-column>
            </el-table>
         </el-row>
         <el-row class="product_table">
            <el-table :data="productList" style="width: 100%;" height="100%" tooltip-effect="dark" stripe :fit="true" border>
               <el-table-column type="selection" width="65"></el-table-column>
               <el-table-column prop="code" label="检验项" show-overflow-tooltip></el-table-column>
               <el-table-column prop="name" label="检验项类型" show-overflow-tooltip></el-table-column>
               <el-table-column prop="remark" label="检验项小类" show-overflow-tooltip></el-table-column>
               <el-table-column prop="remark" label="实验室" show-overflow-tooltip></el-table-column>
               <el-table-column prop="remark" label="计量单位" show-overflow-tooltip></el-table-column>
               <el-table-column prop="remark" label="单价" show-overflow-tooltip></el-table-column>
               <el-table-column prop="remark" label="工时" show-overflow-tooltip></el-table-column>
               <el-table-column prop="remark" label="工时分组" show-overflow-tooltip></el-table-column>
               <el-table-column prop="remark" label="设备组" show-overflow-tooltip></el-table-column>
               <el-table-column prop="remark" label="区间" show-overflow-tooltip></el-table-column>
               <el-table-column prop="remark" label="要求值">
                  <template slot-scope="scope">
                     <el-input size="small" placeholder="要求值" v-model="scope.row.ask"></el-input>
                  </template>
               </el-table-column>
            </el-table>
         </el-row>
      </div>
      <el-dialog title="分类添加" :visible.sync="addDia" width="400px">
         <div class="body">
            <el-row style="line-height: 50px;">
@@ -84,8 +175,7 @@
               </el-col>
               <el-col :span="16" :offset="1">
                  <el-select v-model="addOb.factory" size="small" style="width: 100%;" clearable>
                     <el-option v-for="(a, ai) in factory" :key="ai" :value="a.value"
                        :label="a.label"></el-option>
                     <el-option v-for="(a, ai) in factory" :key="ai" :value="a.value" :label="a.label"></el-option>
                  </el-select>
               </el-col>
            </el-row>
@@ -95,8 +185,7 @@
               </el-col>
               <el-col :span="16" :offset="1">
                  <el-select v-model="addOb.laboratory" size="small" style="width: 100%;" clearable>
                     <el-option v-for="(a, ai) in laboratory" :key="ai" :value="a.value"
                        :label="a.label"></el-option>
                     <el-option v-for="(a, ai) in laboratory" :key="ai" :value="a.value" :label="a.label"></el-option>
                  </el-select>
               </el-col>
            </el-row>
@@ -106,8 +195,7 @@
               </el-col>
               <el-col :span="16" :offset="1">
                  <el-select v-model="addOb.sampleType" size="small" style="width: 100%;" clearable>
                     <el-option v-for="(a, ai) in sampleType" :key="ai" :value="a.value"
                        :label="a.label"></el-option>
                     <el-option v-for="(a, ai) in sampleType" :key="ai" :value="a.value" :label="a.label"></el-option>
                  </el-select>
               </el-col>
            </el-row>
@@ -117,8 +205,7 @@
               </el-col>
               <el-col :span="16" :offset="1">
                  <el-select v-model="addOb.sample" size="small" style="width: 100%;" clearable>
                     <el-option v-for="(a, ai) in sample" :key="ai" :value="a.value"
                        :label="a.label"></el-option>
                     <el-option v-for="(a, ai) in sample" :key="ai" :value="a.value" :label="a.label"></el-option>
                  </el-select>
               </el-col>
            </el-row>
@@ -136,6 +223,24 @@
            <el-button type="primary" @click="addStandardTree" :loading="addLoad">确 定</el-button>
         </span>
      </el-dialog>
      <el-dialog title="新增标准" :visible.sync="addStandardDia" width="400px">
         <div class="body">
            <el-row style="line-height: 50px;">
               <el-col :span="6" style="text-align: right;">
                  <span class="required-span">* </span>标准名称:
               </el-col>
               <el-col :span="16" :offset="1">
                  <el-select v-model="standardId" size="small" style="width: 100%;" clearable>
                     <el-option v-for="(a, ai) in standardEnum" :key="ai" :value="a.value" :label="a.label"></el-option>
                  </el-select>
               </el-col>
            </el-row>
         </div>
         <span slot="footer" class="dialog-footer">
            <el-button @click="addStandardDia = false">取 消</el-button>
            <el-button type="primary" @click="addStandardMethodList" :loading="addLoad2">确 定</el-button>
         </span>
      </el-dialog>
   </div>
</template>
@@ -145,7 +250,7 @@
         return {
            search: null,
            list: [],
            returntree: null,
            selectTree: '',
            factory: [],
            addDia: false,
            addOb: {
@@ -160,7 +265,15 @@
            sampleType: [],
            sample: [],
            treeLoad: false,
            addPower: false
            addPower: false,
            standardList: [],
            standardEnum: [],
            addStandardDia: false,
            standardId: null,
            addStandardMethod: true,
            addLoad2: false,
            productList: [],
            standardListLoad: false
         }
      },
      mounted() {
@@ -170,6 +283,7 @@
         this.obtainItemParameterList()
         this.selectEnumByCategoryForsampleType()
         this.selectTestObjectByName()
         this.selectStandardMethods()
      },
      methods: {
         filterNode(value, data) {
@@ -182,10 +296,22 @@
         refresh() {
            this.upIndex++
         },
         handleNodeClick(val) { //树的值
            this.returntree = val
            if (val.code === '[5]' && val.children === undefined) {
         handleNodeClick(val, node, el) { //树的值
            this.selectTree = ''
            this.getNodeParent(node)
            this.selectTree = this.selectTree.replace(' - ','')
            let data = this.selectTree.split(' - ')
            let data2 = ''
            for(let index = data.length - 1; index >= 0; index--){
               data2 += " - " + data[index]
            }
            this.selectTree = data2.replace(' - ','')
            this.selectsStandardMethodByFLSSM()
         },
         getNodeParent(val){
            if(val.parent!=null){
               this.selectTree += ' - ' + val.label
               this.getNodeParent(val.parent)
            }
         },
         remove(node, data) {
@@ -250,6 +376,34 @@
               this.sample = data
            })
         },
         selectStandardMethods() {
            this.$axios.get(this.$api.standardMethod.selectStandardMethods).then(res => {
               let data = []
               res.data.forEach(a => {
                  data.push({
                     label: a.name,
                     value: a.id
                  })
               })
               this.standardEnum = data
            })
         },
         addStandardMethodList(){
            if (this.standardId == null || this.standardId == '') {
               this.$message.error('标准方法未选择')
               return
            }
            this.addLoad2 = true
            this.$axios.post(this.$api.standardTree.addStandardMethodList,{
               standardId: this.standardId,
               tree: this.selectTree
            }).then(res=>{
               this.addLoad2 = false
               this.addStandardDia = false
               this.$message.success('添加成功')
               this.selectsStandardMethodByFLSSM()
            })
         },
         addStandardTree(){
            if(this.addOb.factory==null||this.addOb.factory=='') {
               this.$message.error('工厂是必填项')
@@ -286,16 +440,31 @@
               this.addLoad = false
            })
         },
         selectsStandardMethodByFLSSM(){
            this.standardListLoad = true
            this.$axios.post(this.$api.standardTree.selectsStandardMethodByFLSSM,{
               tree: this.selectTree
            }).then(res=>{
               this.standardListLoad = false
               this.standardList = res.data
            })
         },
         getPower(){
            let power = JSON.parse(sessionStorage.getItem('power'))
            let add = false
            let addStandardMethod = false
            for (var i = 0; i < power.length; i++) {
               if(power[i].menuMethod=='addStandardTree'){
                  add = true
               }
               if (power[i].menuMethod == 'addStandardMethodList') {
                  addStandardMethod = true
               }
            }
            this.addPower = add
         }
            this.addStandardMethod = addStandardMethod
         },
      }
   }
</script>