Merge branch 'master' of http://192.168.110.209:9001/r/lims-before

zouyu

2023-08-30 a970199e2417318743ca3f7852dca896906ac574

Merge branch 'master' of http://192.168.110.209:9001/r/lims-before

 .env.production

@@ -3,5 +3,5 @@

# base api
# VUE_APP_BASE_API = '/prod-api'
VUE_APP_BASE_API = 'http://192.168.110.167:1234/'
VUE_APP_BASE_API = 'http://localhost:1234/'


 .env.staging

@@ -5,6 +5,6 @@

# base api
# VUE_APP_BASE_API = '/stage-api'
VUE_APP_BASE_API = 'http://192.168.110.167:1234/'
VUE_APP_BASE_API = 'http://localhost:1234/'



 src/App.vue

@@ -6,7 +6,10 @@

<script>
export default {
  name: 'App'
  name: 'App',
    mounted() {
        document.title = "装备电缆 lims ç³»ç»Ÿ"
    }
}
</script>


 src/api/inspection/commisioninspection.js

@@ -64,4 +64,20 @@
    method: 'get',
        params
  })
}

export function getProductList(params){
  return request({
    url: '/link-basic/chooseProject',
    method: 'get',
        params
  })
}

export function getContractsSampleInfo(params){
  return request({
    url: '/link-basic/getContractsSampleInfo',
    method: 'get',
        params
  })
}

 src/components/experiment/checkTheReport/index.vue

@@ -73,6 +73,7 @@
</template>
<script>
export default({
    name: 'Preview',
    data() {
        return {
            logoSrc : require("@/assets/404_images/logo.png"),    

 src/components/experiment/template_testReport/index.vue

ÎļþÃû´Ó src/views/template_testReport/index.vue ÐÞ¸Ä
@@ -30,7 +30,7 @@
          <div class="name">
            <div style="width:140px; text-align-last: justify;">
            <div>委托单位</div>
            <span style="font-size: 14px;display: block;margin: 10px 50px 0px;">Client</span>
            <span style="font-size: 14px;display: block;margin: 10px 45px 0px;">Client</span>
          </div>
            <div class="line"> æµ‹è¯•åç§°</div>
          </div>
@@ -469,9 +469,8 @@

<script>
export default {
  props:{

  },
  name:'TestReport',
  props:["reportData"],
  data(){
    return {
      resultTable:[
@@ -500,15 +499,13 @@

<style lang="scss" scoped>
.content-wrapper{
  background-color: #f0f2f5;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  // background-color: #f0f2f5;
  // width: 100%;
  // height: 100vh;
  // overflow-y: auto;
  .content-main{
    margin: -50px auto;
    width: 50%;
    // background-color: #fff;
    // background-color: #bfa;
    margin: -100px auto;
    width: 90%;
    .cover{
      margin: 80px 0px;
      padding:0px 50px;

 src/layout/components/Sidebar/SidebarItem.vue

@@ -4,10 +4,6 @@
      <app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path)">

        <el-menu-item v-if="onlyOneChild.meta.show==false ?onlyOneChild.meta.show: true" :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}">
          <!-- <el-menu-item :style="{width:'0px',height:'0px'}" v-if="onlyOneChild.meta.show==false ?onlyOneChild.meta.show: true" :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}"> -->
          <!-- <template slot="title">
            <item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="item.meta.title" />
          </template> -->
          <item :show="onlyOneChild.meta.show" :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)" :title="onlyOneChild.meta.title" />
          <span v-if="onlyOneChild.meta.title==='主页'">主页</span>
        </el-menu-item>

 src/router/index.js

@@ -472,7 +472,13 @@
          name: 'BasicDataMessage',
          component: () => import('@/views/basicData/index'),
          meta: { title: '基础数据', icon: 'el-icon-s-tools' }
        }
        },
                {
                  path: 'myBusiness',
                  name: 'MyBusiness',
                  component: () => import('@/views/personal/myBusiness/index'),
                  meta: { title: '我的企业', icon: 'tree', show: false }
                }
      ]
    },
    { path: '*', redirect: '/404', hidden: true }
@@ -516,10 +522,10 @@
  let result = [];
  let obj = {};
  for (let i = 0; i < tempArr.length; i++) {
      if (!obj[tempArr[i].path]) {
          result.push(tempArr[i]);
          obj[tempArr[i].path] = true;
      };
    if (!obj[tempArr[i].path]) {
      result.push(tempArr[i]);
      obj[tempArr[i].path] = true;
    };
  };
  return result;
};
@@ -527,82 +533,89 @@

function createRouter(Routees) {
  if (JSON.parse(sessionStorage.getItem("user")) != undefined && JSON.parse(sessionStorage.getItem("user")) != null) {
    let sessionLayerId=JSON.parse(sessionStorage.getItem("user")).sessionLayerId
    if(sessionLayerId!='f5c8bcb7d5a0fd27e2323280f7e98cad'){
    let role = JSON.parse(sessionStorage.getItem("user")).role
    let menuFather = baseRouter
    const dataMenuFather = fn3(menuFather)
    role.roleMenuList.forEach((r) => {
      dataMenuFather.push(Routees.filter(item => {
        return item.path === r.menuUrl
      })[0])
    })
    let eqChildren = [];
    role.roleMenuList.forEach((r) => {
    let sessionLayerId = JSON.parse(sessionStorage.getItem("user")).sessionLayerId
    if (sessionLayerId != 'f5c8bcb7d5a0fd27e2323280f7e98cad') {
      let role = JSON.parse(sessionStorage.getItem("user")).role
      let menuFather = baseRouter
      const dataMenuFather = fn3(menuFather)
      role.roleMenuList.forEach((r) => {
        dataMenuFather.push(Routees.filter(item => {
          return item.path === r.menuUrl
        })[0])
      })
      let eqChildren = [];
      role.roleMenuList.forEach((r) => {
        dataMenuFather.forEach(m => {
          if (r.menuUrl === m.path) {
            r.children.forEach(rc => {
              m.children.forEach(mc => {
                if (mc.meta != undefined) {
                  eqChildren.push({ "path": mc.path, "meta": JSON.parse(JSON.stringify(mc.meta)) })
                  delete mc["meta"]
                }
              })
            })
          }
        })
      })
      let once = []
      role.roleMenuList.forEach((r) => {
        r.children.forEach(rc => {
          eqChildren.forEach(eq => {
            if (eq != undefined) {
              if (eq.path == rc.menuUrl.split("/")[1]) {
                once.push(eq)
              }
            }
          })
        })
      })
      dataMenuFather.forEach(m => {
        if (r.menuUrl === m.path) {
          r.children.forEach(rc => {
            m.children.forEach(mc => {
              if (mc.meta != undefined) {
                eqChildren.push({ "path": mc.path, "meta": JSON.parse(JSON.stringify(mc.meta)) })
                delete mc["meta"]
        let i = 0
        if (m.children != undefined) {
          m.children.forEach(mc => {
            once.forEach(eq => {
              if (eq != undefined) {
                if (mc.path == eq.path) {
                  if (i === 0) {
                    m.redirect = m.path + "/" + eq.path
                  }
                  i++;
                  mc.meta = eq.meta
                }
              }
            })
          })
        }
      })
    })
    let once = []
    role.roleMenuList.forEach((r) => {
      r.children.forEach(rc => {
        eqChildren.forEach(eq => {
          if (eq != undefined) {
            if (eq.path == rc.menuUrl.split("/")[1]) {
              once.push(eq)
            }
          }
        })
      })
    })
    dataMenuFather.forEach(m => {
      let i = 0
      if (m.children != undefined) {
        m.children.forEach(mc => {
          once.forEach(eq => {
            if (eq != undefined) {
              if (mc.path == eq.path) {
                if (i === 0) {
                  m.redirect = m.path + "/" + eq.path
                }
                i++;
                mc.meta = eq.meta
              }
            }
          })
        })
      }
    })
    dataMenuFather.push({path: '*', redirect: '/404', hidden: true})
    dataMenuFather.push()
    Routees = dataMenuFather
  }
      dataMenuFather.push({ path: '*', redirect: '/404', hidden: true })
      dataMenuFather.push()
      Routees = dataMenuFather
    }
  } else {
    Routees = baseRouter
  }
  return new Router({
    // mode: 'history', // require service support
    mode: 'history', // require service support
    scrollBehavior: () => ({ y: 0 }),
    routes: Routees
  })
}
let router =  createRouter(getRoutes())
let router = createRouter(getRoutes())

// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
export async function resetRouter() {
  let newRouter = createRouter(getRoutes())
  router.matcher =  newRouter.matcher
  router.matcher = newRouter.matcher
}
router.beforeEach(async (to, from, next) => {
router.beforeEach((to, from, next) => {
  /**
   * å§”托新增  æ”¾è¡Œ
   */
  if (to.path.indexOf("/addCommision/") === 0) {
    next()
    return
  }
  // 1. åˆ¤æ–­æ˜¯ä¸æ˜¯ç™»å½•é¡µé¢
  // æ˜¯ç™»å½•é¡µé¢
  if (to.path === '/login') {
@@ -611,8 +624,8 @@
    // ä¸æ˜¯ç™»å½•é¡µé¢
    // 2. åˆ¤æ–­ æ˜¯å¦ç™»å½•è¿‡
    let token = sessionStorage.getItem('user')
    if(token!=null&&token!=undefined){
      await resetRouter()
    if (token != null && token != undefined) {
      resetRouter()
    }
    token ? next() : next('/login')
  }

 src/views/experiment/checkTheReport/index.vue

@@ -60,8 +60,8 @@
          <el-button type="primary" @click="printFun()">打印</el-button>
        </span>
        <div class="printStyle">
          <preview id="printDiv" :reportData="reportData" v-if="reportType===0"></preview>
          <div v-else>成品检测报告</div>
          <Preview id="printRaw" :reportData="reportData" v-if="reportType===0"></Preview>
          <TestReport id="printFinished" :reportData="reportData" v-else></TestReport>
        </div>
      </el-dialog>
      <div class="table-box">
@@ -182,6 +182,7 @@
<script>
import { selectAllReport,getReportData } from "@/api/experiment/checkTheReport";
import Preview from "@/components/experiment/checkTheReport/index.vue";
import TestReport from "@/components/experiment/template_testReport/index.vue"
import PrintJS from 'print-js'
export default {
  data() {
@@ -194,7 +195,26 @@
        application_code: ''
      },
      checkStatus: undefined,
      reportTable: [],
      reportTable: [
        {
          materialCode:'SN23-0517001',
          reportCode: 'SN23-0517001',
          inspectionCode: 'SN23-0517001',
          approver:'黄小明',
          status: '',
          conclusion: 1,
          name: '黄小明'
        },
        {
          materialCode:'SN23-0517001',
          reportCode: 'SN23-0517001',
          inspectionCode: 'SN23-0517001',
          approver:'黄小明',
          status: '',
          conclusion: 1,
          name: '黄小明'
        }
      ],
      page: 1,
      total: 0,
      pageSize: 10,
@@ -203,12 +223,13 @@
    };
  },
  created() {
    this.getData();
    // this.getData();
  },
  mounted(){
  },
  components:{
    Preview
    Preview,
    TestReport
  },
  methods: {
    async queryReportByRCode(code){
@@ -219,6 +240,7 @@
    },
    //查看报告按钮
    previewFun(row){
      console.log(row)
      this.reportType = row.type;
      this.queryReportByRCode(row.reportCode);
    },
@@ -226,7 +248,7 @@
    printFun(){
      this.dialogVisible = false;
      PrintJS({
        printable: "printDiv",
        printable: this.reportType===0 ? "printRaw" : "printFinished",
        type: "html",
        // header: "原材料检测报告",
        targetStyles: ["*"],

 src/views/experiment/inspectionApplication/index.vue

@@ -1,1071 +1,932 @@
<template>
    <div>
      <template v-if="!showDetail">
        <div class="content-main">
          <div class="top-bar">
            <el-form ref="form" :inline="true" :model="searchData">
              <el-form-item label="申请单号:">
                <el-input
                  v-model="searchData.applicationnumber"
                  class="input-form"
                  placeholder="请输入申请单号"
                  style="width: 200px; margin-right: 20px;"
                >
                <i slot="prefix" class="el-input__icon el-icon-search" />
                </el-input>
              </el-form-item>
              <el-form-item label="检验类型:">
                <el-select v-model="searchData.type" placeholder="全部" style="width: 100px;margin-right: 20px;">
                  <el-option
                    v-for="item in typeoptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="检验结果:" style="margin-right: 20px;">
                <el-select v-model="searchData.state" placeholder="全部" style="width: 100px;margin-right: 20px;">
                  <el-option
                    v-for="item in stateoptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" @click="searchInspections">查询</el-button>
                <el-button type="primary" plain @click="reset">重置</el-button>
              </el-form-item>
            </el-form>
            <el-form class="rightBtn">
              <el-form-item class="createBtn">
                <el-button type="primary" icon="el-icon-document-add" @click="checkTypeVisible = true" style="background-color: rgb(1, 102, 226);">新增检验单</el-button>
              </el-form-item>
              <el-form-item class="getDataBtn">
                <el-button type="primary" icon="el-icon-download" style="background-color: rgb(1, 102, 226);">导出检验单</el-button>
              </el-form-item>
            </el-form>
          </div>
          <div class="library-table">
            <div class="table-header">
              <div class="search-bar">
                <el-radio-group v-model="radioValue">
                  <el-radio-button label="全部" />
                  <el-radio-button label="待提交" />
                  <el-radio-button label="已提交" />
                  <el-radio-button label="已作废" />
                </el-radio-group>
              </div>
            </div>
            <div class="table-box">
              <el-table
                ref="inspectionTable"
                :max-height="800"
                :cell-style="{textAlign: 'center'}"
                :header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}"
                :data="inspectionTable"
                style="width: 100%"
              >
                <el-table-column
                  type="selection"
                  min-width="30px"
                />
                <el-table-column
                  prop="icode"
                  label="申请单号"
                  min-width="100px"
                />
                <el-table-column
                  prop="type"
                  label="检验类型"
                  min-width="80px">
                  <template slot-scope="scope">
                    <div v-if="scope.row.type === 0" ><span >原材料检验</span></div>
                    <div v-if="scope.row.type === 1" ><span>委托检验</span></div>
                    <div v-if="scope.row.type === 2" ><span>成品检验</span></div>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="formTime"
                  label="来料日期"
                  min-width="100px"
                />
                <el-table-column
                  prop="supplier"
                  label="供应商名称"
                  min-width="150px"
                />
                <el-table-column
                  prop="mcode"
                  label="原材料编码"
                  min-width="150px"
                />
                <el-table-column
                  prop="name"
                  label="原材料名称"
                  min-width="80px"
                />
                <el-table-column
                  prop="specifications"
                  label="规格型号"
                  min-width="160px"
                />
                <el-table-column
                  prop="unit"
                  label="单位"
                  min-width="50px"
                />
                <el-table-column
                  prop="num"
                  label="数量"
                  min-width="50px"
                />
                <el-table-column
                  prop="createTime"
                  label="登记日期"
                  min-width="80px"
                />
                <el-table-column
                  prop="userName"
                  label="登记人"
                  min-width="80px"
                />
                <el-table-column
                  prop="inspection_status"
                  label="检验结果"
                  min-width="80px">
                  <template slot-scope="scope">
                    <el-tag class="tag" :type="scope.row.inspection_status === 0 ? 'danger' : 'success'"
                    disable-transitions
                  >{{ scope.row.inspection_status === 0 ? '不合格' : '合格' }}</el-tag>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="checkdate"
                  label="检验日期"
                  min-width="150px"
                />
                <el-table-column
                  label="操作"
                  min-width="150"
                  fixed="right"
                >
                  <template slot-scope="scope">
                    <el-button type="text" size="small" @click="handleClick(scope.row)">查看</el-button>
                    <!-- <el-button type="text" size="small" >提交</el-button> -->
                    <el-button type="text" size="small" >作废</el-button>
                  </template>
                </el-table-column>
              </el-table>
              <!-- åˆ†é¡µå™¨ -->
              <div>
                <el-pagination
                  class="pagination"
                  :current-page="currentPage"
                  :page-sizes="[ 10, 20, 30,40]"
                  :page-size="pageSize"
                  layout="total, sizes, prev, pager, next, jumper"
                  :total="total"
                  @size-change="handleSizeChange"
                  @current-change="handleCurrentChange"
                />
              </div>
            </div>
          </div>
          <!-- å¯¹è¯æ¡† -->
          <div class="checkType">
            <el-dialog
              title="新增检验单"
              :visible.sync="checkTypeVisible"
              width="50%"
                            top="10vh"
            >
              <div class="check-box">
                <el-radio-group v-model="type" @click.native="handleRadioChange">
                  <el-radio :style="`background-color: ${type==0?'rgb(170, 236, 214)':'#fff'};border-radius: 10px;`" :label="0" border>原材料检验</el-radio>
                  <el-radio :style="`background-color: ${type==1?'rgb(170, 236, 214)':'#fff'};border-radius: 10px;`" :label="1" border>委托检验</el-radio>
                  <el-radio :style="`background-color: ${type==2?'rgb(170, 236, 214)':'#fff'};border-radius: 10px;`" :label="2" border>成品检验</el-radio>
                </el-radio-group>
              </div>
              <div v-if="type === 0">
                <el-form :model="infoForm" ref="infoForm" class="checkTypeForm" label-position="top" label-width="200px" size="medium">
                  <el-row :gutter="100">
                      <el-col :span="10">
                          <el-form-item label="来料日期：">
                              <el-input style="width: 300px" type="text" :value="infoForm.startTime" placeholder="请输入来料日期" autocomplete="off" />
                          </el-form-item>
                      </el-col>
                      <el-col :span="10">
                          <el-form-item label="供应商名称：">
                              <el-input style="width: 300px" type="text" :value="infoForm.supplierName" placeholder="请输入供应商名称" autocomplete="off" />
                          </el-form-item>
                      </el-col>
                      </el-row>
                      <el-row :gutter="100">
                      <el-col :span="10">
                          <el-form-item label="原材料编码：">
                              <el-input style="width: 300px"  type="text" :value="infoForm.mcode" placeholder="请输入原材料编码" autocomplete="off" />
                          </el-form-item>
                      </el-col>
                      <el-col :span="10">
                          <el-form-item label="原材料名称：">
                              <el-input style="width: 300px" type="text" :value="infoForm.name" placeholder="请输入原材料名称" autocomplete="off" />
                          </el-form-item>
                      </el-col>
                      </el-row>
                      <el-row :gutter="100">
                      <el-col :span="10">
                          <el-form-item label="规格型号：">
                              <el-input style="width: 300px" type="text" :value="infoForm.specifications" placeholder="请输入规格型号" autocomplete="off" />
                          </el-form-item>
                      </el-col>
                      <el-col :span="10">
                          <el-form-item label="单位：">
                              <el-input style="width: 300px" type="text" :value="infoForm.unit" placeholder="请输入单位" autocomplete="off" />
                          </el-form-item>
                      </el-col>
                      </el-row>
                      <el-row :gutter="100">
                      <el-col :span="10">
                          <el-form-item label="数量：">
                              <el-input style="width: 300px" type="text" :value="infoForm.num" placeholder="请输入数量" autocomplete="off" />
                          </el-form-item>
                      </el-col>
                      <el-col :span="10">
                          <el-form-item label="检验时间：">
                              <el-date-picker
                                  v-model="infoForm.endTime"
                                  type="daterange"
                                  range-separator="至"
                                  start-placeholder="开始日期"
                                  end-placeholder="结束日期"
                                  style="width: 300px;">
                              </el-date-picker>
                          </el-form-item>
                      </el-col>
                      </el-row>
                </el-form>
              </div>
              <div v-if="type === 1">
                <el-form :model="commisionSelection" ref="commisionSelection" class="checkTypeForm" label-position="top" label-width="200px" size="mini">
                  <el-row :gutter="100">
                      <el-col :span="10">
                          <el-form-item label="委托编号">
                              <el-input style="width: 300px" type="text" :value="commisionSelection.entrust_coding" placeholder="请输入来料日期" autocomplete="off" />
                          </el-form-item>
                      </el-col>
                      <el-col :span="10">
                          <el-form-item label="委托单位">
                              <el-input style="width: 300px" type="text" :value="commisionSelection.supplier" placeholder="请输入委托单位" autocomplete="off" />
                          </el-form-item>
                      </el-col>
                      </el-row>
                      <el-row :gutter="100">
                      <el-col :span="10">
                          <el-form-item label="样品编号">
                              <el-input style="width: 300px" type="text" :value="commisionSelection.mcode" placeholder="请输入样品编号" autocomplete="off" />
                          </el-form-item>
                      </el-col>
                      <el-col :span="10">
                          <el-form-item label="样品名称">
                              <el-input style="width: 300px" type="text" :value="commisionSelection.name" placeholder="请输入样品名称" autocomplete="off" />
                          </el-form-item>
                      </el-col>
                      </el-row>
                      <el-row :gutter="100">
                      <el-col :span="10">
                          <el-form-item label="规格型号：">
                              <el-input style="width: 300px" type="text" :value="commisionSelection.specifications" placeholder="请输入型号规格" autocomplete="off" />
                          </el-form-item>
                      </el-col>
                      <el-col :span="10">
                          <el-form-item label="送达时间">
                            <el-input style="width: 300px" type="text" :value="commisionSelection.supplier" placeholder="请输入单位" autocomplete="off" />
                          </el-form-item>
                      </el-col>
                      </el-row>
                      <el-row :gutter="100">
                      <el-col :span="10">
                          <el-form-item label="完成期限">
                            <el-input style="width: 300px" type="text" :value="commisionSelection.completionDeadline" placeholder="请输入数量" autocomplete="off" />
                          </el-form-item>
                      </el-col>
                      <el-col :span="10">
                          <el-form-item label="检验日期：">
                            <el-date-picker
                                  v-model="commisionSelection.checkdate"
                                  type="daterange"
                                  range-separator="至"
                                  start-placeholder="开始日期"
                                  end-placeholder="结束日期"
                                  style="width: 300px;">
                            </el-date-picker>
                          </el-form-item>
                      </el-col>
                      </el-row>
                </el-form>
              </div>
              <div v-if="type === 2">
                <el-form :model="finishedTable" ref="finishedTable" class="checkTypeForm" label-position="top" label-width="200px" size="mini">
                  <el-row :gutter="100">
                      <el-col :span="10">
                          <el-form-item label="来料日期：">
                              <el-input style="width: 300px" type="text" v-model="finishedTable.deliverydate" placeholder="请输入来料日期" autocomplete="off" />
                          </el-form-item>
                      </el-col>
                      <el-col :span="10">
                          <el-form-item label="供应商名称：">
                              <el-input style="width: 300px" type="text" v-model="finishedTable.supplier" placeholder="请输入供应商名称" autocomplete="off" />
                          </el-form-item>
                      </el-col>
                      </el-row>
                      <el-row :gutter="100">
                      <el-col :span="10">
                          <el-form-item label="原材料编码：">
                              <el-input style="width: 300px" type="text" v-model="finishedTable.code" placeholder="请输入原材料编码" autocomplete="off" />
                          </el-form-item>
                      </el-col>
                      <el-col :span="10">
                          <el-form-item label="原材料名称：">
                              <el-input style="width: 300px" type="text" v-model="finishedTable.name" placeholder="请输入原材料名称" autocomplete="off" />
                          </el-form-item>
                      </el-col>
                      </el-row>
                      <el-row :gutter="100">
                      <el-col :span="10">
                          <el-form-item label="规格型号：">
                              <el-input style="width: 300px" type="text" v-model="finishedTable.modelandspecification" placeholder="请输入规格型号" autocomplete="off" />
                          </el-form-item>
                      </el-col>
                      <el-col :span="10">
                          <el-form-item label="单位：">
                              <el-input style="width: 300px" type="text" v-model="finishedTable.unit" placeholder="请输入单位" autocomplete="off" />
                          </el-form-item>
                      </el-col>
                      </el-row>
                      <el-row :gutter="100">
                      <el-col :span="10">
                          <el-form-item label="数量：">
                              <el-input style="width: 300px" type="text" v-model="finishedTable.amount" placeholder="请输入数量" autocomplete="off" />
                          </el-form-item>
                      </el-col>
                      <el-col :span="10">
                          <el-form-item label="检验时间：">
                              <el-date-picker
                                  v-model="finishedTable.checkdate"
                                  type="daterange"
                                  range-separator="至"
                                  start-placeholder="开始日期"
                                  end-placeholder="结束日期"
                                  style="width: 300px;">
                              </el-date-picker>
                          </el-form-item>
                      </el-col>
                      </el-row>
                </el-form>
              </div>
              <span slot="footer" class="dialog-footer">
                <el-button @click="checkTypeVisible = false">取 æ¶ˆ</el-button>
                <!-- <el-button type="primary" @click="addInspection">ç¡® å®š</el-button> -->
                <el-button type="primary" @click="QUEding">ç¡® å®š</el-button>
              </span>
            </el-dialog>
          </div>
        </div>

        <!-- ç¡®å®šè·³è½¬åŸºæœ¬åº“弹窗 -->
        <el-dialog
              title="标准库"
              :visible.sync="Standardframe"
              width="49%"
              >
              <el-card>
                  <template slot-scope="scope" >
                    <span>版本选择：</span>
                            <el-select @change="ccc" v-model="selectedValue" size="small" slot="append" style="width: 220px;">
                            <el-option v-for="item in BANben" :key="item" :label="item" 
                             :value="item"></el-option>
                             
                            </el-select>
                  </template>
              </el-card>
                <el-table
                    :data="tableData"
                    style="width: 100%; margin-bottom: 20px"
                    row-key="id"
                    border
                    height="calc(80vh - 250px)"
                    default-expand-all
                    ref="multipleTable"
                    :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
                  >
                    <el-table-column type="selection" label="序号"> </el-table-column>
                    <el-table-column
                      type="index"
                      width="50px"
                      label="序号"
                    ></el-table-column>
                    <el-table-column label="项目名称" sortable>
                      <template scope="scope">
                        <el-tag
                          ><div
                            class="firstDiv"
                            :style="`color: ${
    <div>
        <template v-if="!showDetail">
            <div class="content-main">
                <div class="top-bar">
                    <el-form ref="form" :inline="true" :model="searchData">
                        <el-form-item label="申请单号:">
                            <el-input v-model="searchData.applicationnumber" class="input-form" placeholder="请输入申请单号"
                                style="width: 200px; margin-right: 20px;">
                                <i slot="prefix" class="el-input__icon el-icon-search" />
                            </el-input>
                        </el-form-item>
                        <el-form-item label="检验类型:">
                            <el-select v-model="searchData.type" placeholder="全部" style="width: 100px;margin-right: 20px;">
                                <el-option v-for="item in typeoptions" :key="item.value" :label="item.label" :value="item.value">
                                </el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="检验结果:" style="margin-right: 20px;">
                            <el-select v-model="searchData.state" placeholder="全部" style="width: 100px;margin-right: 20px;">
                                <el-option v-for="item in stateoptions" :key="item.value" :label="item.label" :value="item.value">
                                </el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item>
                            <el-button type="primary" @click="searchInspections">查询</el-button>
                            <el-button type="primary" plain @click="reset">重置</el-button>
                        </el-form-item>
                    </el-form>
                    <el-form class="rightBtn">
                        <el-form-item class="createBtn">
                            <el-button type="primary" icon="el-icon-document-add" @click="checkTypeVisible = true"
                                style="background-color: rgb(1, 102, 226);">新增检验单</el-button>
                        </el-form-item>
                        <el-form-item class="getDataBtn">
                            <el-button type="primary" icon="el-icon-download"
                                style="background-color: rgb(1, 102, 226);">导出检验单</el-button>
                        </el-form-item>
                    </el-form>
                </div>
                <div class="library-table">
                    <div class="table-header">
                        <div class="search-bar">
                            <el-radio-group v-model="radioValue">
                                <el-radio-button label="全部" />
                                <el-radio-button label="待提交" />
                                <el-radio-button label="已提交" />
                                <el-radio-button label="已作废" />
                            </el-radio-group>
                        </div>
                    </div>
                    <div class="table-box">
                        <el-table ref="inspectionTable" style="width: 100%;overflow-y: auto;min-height: calc(100% - 50px)"
                            max-height="calc(100% - 50px)" :cell-style="{textAlign: 'center'}"
                            :header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}"
                            :data="inspectionTable">
                            <el-table-column type="selection" min-width="30px" />
                            <el-table-column prop="icode" label="申请单号" min-width="150px" />
                            <el-table-column prop="type" label="检验类型" min-width="80px">
                                <template slot-scope="scope">
                                    <div v-if="scope.row.type === 0"><span>原材料检验</span></div>
                                    <div v-if="scope.row.type === 1"><span>委托检验</span></div>
                                    <div v-if="scope.row.type === 2"><span>成品检验</span></div>
                                </template>
                            </el-table-column>
                            <el-table-column prop="formTime" label="来料日期" min-width="80px" />
                            <el-table-column prop="supplier" label="供应商名称" min-width="150px" />
                            <el-table-column prop="mcode" label="原材料编码" min-width="150px" />
                            <el-table-column prop="name" label="原材料名称" min-width="80px" />
                            <el-table-column prop="specifications" label="规格型号" min-width="160px" />
                            <el-table-column prop="unit" label="单位" min-width="50px" />
                            <el-table-column prop="num" label="数量" min-width="50px" />
                            <el-table-column prop="createTime" label="登记日期" min-width="80px" />
                            <el-table-column prop="inspection_status" label="检验结果" min-width="80px">
                                <template slot-scope="scope">
                                    <el-tag class="tag" :type="scope.row.inspection_status === 0 ? 'danger' : 'success'"
                                        disable-transitions>{{ scope.row.inspection_status === 0 ? '不合格' : '合格' }}</el-tag>
                                </template>
                            </el-table-column>
                            <el-table-column prop="userName" label="登记人" min-width="80px" />
                            <el-table-column prop="checkdate" label="检验日期" min-width="150px" />
                            <el-table-column label="操作" min-width="150" fixed="right">
                                <template slot-scope="scope">
                                    <el-button type="text" size="small" @click="handleClick(scope.row)">查看</el-button>
                                    <!-- <el-button type="text" size="small" >提交</el-button> -->
                                    <el-button type="text" size="small">作废</el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                        <!-- åˆ†é¡µå™¨ -->
                        <div>
                            <el-pagination class="pagination" :current-page="currentPage" :page-sizes="[ 10, 20, 30,40]"
                                :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"
                                @size-change="handleSizeChange" @current-change="handleCurrentChange" />
                        </div>
                    </div>
                </div>
                <!-- å¯¹è¯æ¡† -->
                <div class="checkType">
                    <el-dialog title="新增检验单" :visible.sync="checkTypeVisible" width="50%" top="10vh">
                        <div class="check-box">
                            <el-radio-group v-model="type" @click.native="handleRadioChange">
                                <el-radio :style="`background-color: ${type==0?'rgb(170, 236, 214)':'#fff'};border-radius: 10px;`"
                                    :label="0" border>原材料检验</el-radio>
                                <el-radio :style="`background-color: ${type==1?'rgb(170, 236, 214)':'#fff'};border-radius: 10px;`"
                                    :label="1" border>委托检验</el-radio>
                                <el-radio :style="`background-color: ${type==2?'rgb(170, 236, 214)':'#fff'};border-radius: 10px;`"
                                    :label="2" border>成品检验</el-radio>
                            </el-radio-group>
                        </div>
                        <div v-if="type === 0">
                            <el-form :model="infoForm" ref="infoForm" class="checkTypeForm" label-position="top" label-width="200px"
                                size="medium">
                                <el-row :gutter="100">
                                    <el-col :span="10">
                                        <el-form-item label="来料日期：">
                                            <!-- <el-input style="width: 300px" type="text" :value="infoForm.startTime" placeholder="请输入来料日期" autocomplete="off" /> -->
                                            <el-date-picker style="width: 300px" v-model="infoForm.formTime" type="date" placeholder="选择日期">
                                            </el-date-picker>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="10">
                                        <el-form-item label="供应商名称：">
                                            <el-input style="width: 300px" type="text" :value="infoForm.supplier" placeholder="请输入供应商名称"
                                                autocomplete="off" />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row :gutter="100">
                                    <el-col :span="10">
                                        <el-form-item label="原材料编码：">
                                            <el-input style="width: 300px" type="text" :value="infoForm.mcode" placeholder="请输入原材料编码"
                                                autocomplete="off" />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="10">
                                        <el-form-item label="原材料名称：">
                                            <el-input style="width: 300px" type="text" :value="infoForm.name" placeholder="请输入原材料名称"
                                                autocomplete="off" />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row :gutter="100">
                                    <el-col :span="10">
                                        <el-form-item label="规格型号：">
                                            <el-input style="width: 300px" type="text" :value="infoForm.specifications" placeholder="请输入规格型号"
                                                autocomplete="off" />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="10">
                                        <el-form-item label="单位：">
                                            <el-input style="width: 300px" type="text" :value="infoForm.unit" placeholder="请输入单位"
                                                autocomplete="off" />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row :gutter="100">
                                    <el-col :span="10">
                                        <el-form-item label="数量：">
                                            <el-input style="width: 300px" type="text" :value="infoForm.num" placeholder="请输入数量"
                                                autocomplete="off" />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="10">
                                        <el-form-item label="检验时间：">
                                            <el-date-picker v-model="infoForm.endTime" type="daterange" range-separator="至"
                                                start-placeholder="开始日期" end-placeholder="结束日期" style="width: 300px;">
                                            </el-date-picker>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                            </el-form>
                        </div>
                        <div v-if="type === 1">
                            <el-form :model="commisionSelection" ref="commisionSelection" class="checkTypeForm" label-position="top"
                                label-width="200px" size="mini">
                                <el-row :gutter="100">
                                    <el-col :span="10">
                                        <el-form-item label="委托编号">
                                            <el-input style="width: 300px" type="text" :value="commisionSelection.entrust_coding"
                                                placeholder="请输入来料日期" autocomplete="off" />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="10">
                                        <el-form-item label="委托单位">
                                            <el-input style="width: 300px" type="text" :value="commisionSelection.supplier"
                                                placeholder="请输入委托单位" autocomplete="off" />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row :gutter="100">
                                    <el-col :span="10">
                                        <el-form-item label="样品编号">
                                            <el-input style="width: 300px" type="text" :value="commisionSelection.mcode" placeholder="请输入样品编号"
                                                autocomplete="off" />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="10">
                                        <el-form-item label="样品名称">
                                            <el-input style="width: 300px" type="text" :value="commisionSelection.name" placeholder="请输入样品名称"
                                                autocomplete="off" />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row :gutter="100">
                                    <el-col :span="10">
                                        <el-form-item label="规格型号：">
                                            <el-input style="width: 300px" type="text" :value="commisionSelection.specifications"
                                                placeholder="请输入型号规格" autocomplete="off" />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="10">
                                        <el-form-item label="送达时间">
                                            <el-input style="width: 300px" type="text" :value="commisionSelection.supplier"
                                                placeholder="请输入单位" autocomplete="off" />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row :gutter="100">
                                    <el-col :span="10">
                                        <el-form-item label="完成期限">
                                            <el-input style="width: 300px" type="text" :value="commisionSelection.completionDeadline"
                                                placeholder="请输入数量" autocomplete="off" />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="10">
                                        <el-form-item label="检验日期：">
                                            <el-date-picker v-model="commisionSelection.checkdate" type="daterange" range-separator="至"
                                                start-placeholder="开始日期" end-placeholder="结束日期" style="width: 300px;">
                                            </el-date-picker>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                            </el-form>
                        </div>
                        <div v-if="type === 2">
                            <el-form :model="finishedTable" ref="finishedTable" class="checkTypeForm" label-position="top"
                                label-width="200px" size="mini">
                                <el-row :gutter="100">
                                    <el-col :span="10">
                                        <el-form-item label="来料日期：">
                                            <el-input style="width: 300px" type="text" v-model="finishedTable.deliverydate"
                                                placeholder="请输入来料日期" autocomplete="off" />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="10">
                                        <el-form-item label="供应商名称：">
                                            <el-input style="width: 300px" type="text" v-model="finishedTable.supplier" placeholder="请输入供应商名称"
                                                autocomplete="off" />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row :gutter="100">
                                    <el-col :span="10">
                                        <el-form-item label="原材料编码：">
                                            <el-input style="width: 300px" type="text" v-model="finishedTable.code" placeholder="请输入原材料编码"
                                                autocomplete="off" />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="10">
                                        <el-form-item label="原材料名称：">
                                            <el-input style="width: 300px" type="text" v-model="finishedTable.name" placeholder="请输入原材料名称"
                                                autocomplete="off" />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row :gutter="100">
                                    <el-col :span="10">
                                        <el-form-item label="规格型号：">
                                            <el-input style="width: 300px" type="text" v-model="finishedTable.modelandspecification"
                                                placeholder="请输入规格型号" autocomplete="off" />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="10">
                                        <el-form-item label="单位：">
                                            <el-input style="width: 300px" type="text" v-model="finishedTable.unit" placeholder="请输入单位"
                                                autocomplete="off" />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row :gutter="100">
                                    <el-col :span="10">
                                        <el-form-item label="数量：">
                                            <el-input style="width: 300px" type="text" v-model="finishedTable.amount" placeholder="请输入数量"
                                                autocomplete="off" />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="10">
                                        <el-form-item label="检验时间：">
                                            <el-date-picker v-model="finishedTable.checkdate" type="daterange" range-separator="至"
                                                start-placeholder="开始日期" end-placeholder="结束日期" style="width: 300px;">
                                            </el-date-picker>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                            </el-form>
                        </div>
                        <span slot="footer" class="dialog-footer">
                            <el-button @click="checkTypeVisible = false">取 æ¶ˆ</el-button>
                            <!-- <el-button type="primary" @click="addInspection">ç¡® å®š</el-button> -->
                            <el-button type="primary" @click="QUEding">ç¡® å®š</el-button>
                        </span>
                    </el-dialog>
                </div>
            </div>
            <!-- ç¡®å®šè·³è½¬åŸºæœ¬åº“弹窗 -->
            <el-dialog title="标准库" :visible.sync="Standardframe" width="49%">
                <el-card>
                    <template slot-scope="scope">
                        <span>版本选择：</span>
                        <el-select @change="ccc" v-model="selectedValue" size="small" slot="append" style="width: 220px;">
                            <el-option v-for="item in BANben" :key="item" :label="item" :value="item"></el-option>
                        </el-select>
                    </template>
                </el-card>
                <el-table :data="tableData" style="width: 100%; margin-bottom: 20px" row-key="id" border
                    height="calc(80vh - 250px)" default-expand-all ref="multipleTable"
                    :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
                    <el-table-column type="selection" label="序号"> </el-table-column>
                    <el-table-column type="index" width="50px" label="序号"></el-table-column>
                    <el-table-column label="项目名称" sortable>
                        <template scope="scope">
                            <el-tag>
                                <div class="firstDiv" :style="`color: ${
                              scope.row.code == '[1]' ? '#16a7ff' : '#58c173'
                            }`"
                          >
                            {{ scope.row.code == "[1]" ? "01" : "02" }}
                          </div>
                       <span style="color: black">{{ scope.row.name }}</span></el-tag
                        >
                      </template>
                    </el-table-column>
                    <el-table-column
                      prop="unit"
                      label="单位"
                      sortable
                    ></el-table-column>
                    <el-table-column label="标准值" sortable>
                      <template scope="scope">
                        <el-input
                          v-if="scope.row.edit === true || scope.row.code === '[2]'"
                          @blur="requiredOnfocus(scope)"
                          v-model="scope.row.required"
                          placeholder="请输入标准值"
                        ></el-input>
                      </template>
                    </el-table-column>
                    <el-table-column prop="internal" label="内控值" sortable>
                      <template scope="scope">
                        <el-input
                          v-if="scope.row.edit === true || scope.row.code === '[2]'"
                          @blur="requiredOnfocus(scope)"
                          v-model="scope.row.internal"
                          placeholder="请输入内控值"
                        ></el-input>
                      </template>
                    </el-table-column>
                  </el-table>
                  <span slot="footer" class="dialog-footer">
                <el-button @click="Standardframe = false">取 æ¶ˆ</el-button>
                <el-button type="primary" @click="GOfrom">ç¡® å®š</el-button>
            </span>
                            }`">
                                    {{ scope.row.code == "[1]" ? "01" : "02" }}
                                </div>
                                <span style="color: black">{{ scope.row.name }}</span>
                            </el-tag>
                        </template>
                    </el-table-column>
                    <el-table-column prop="unit" label="单位" sortable></el-table-column>
                    <el-table-column label="标准值" sortable>
                        <template scope="scope">
                            <el-input v-if="scope.row.edit === true || scope.row.code === '[2]'" @blur="requiredOnfocus(scope)"
                                v-model="scope.row.required" placeholder="请输入标准值"></el-input>
                        </template>
                    </el-table-column>
                    <el-table-column prop="internal" label="内控值" sortable>
                        <template scope="scope">
                            <el-input v-if="scope.row.edit === true || scope.row.code === '[2]'" @blur="requiredOnfocus(scope)"
                                v-model="scope.row.internal" placeholder="请输入内控值"></el-input>
                        </template>
                    </el-table-column>
                </el-table>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="Standardframe = false">取 æ¶ˆ</el-button>
                    <el-button type="primary" @click="GOfrom">ç¡® å®š</el-button>
                </span>
            </el-dialog>
            <!-- åŽŸææ–™æ£€éªŒæ¨¡æ€æ¡† -->
            <el-dialog title="原材料检验" :visible.sync="rawmaterialVisible" width="60%">
                <div class="table-box">
                    <el-table ref="multipleTable" :max-height="800" :cell-style="{textAlign: 'center'}"
                        :header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}"
                        :data="rawMaterialTable" style="width: 100%" @selection-change="handleSelectionChange">
                        <el-table-column type="selection" min-width="10%" />
                        <el-table-column type="index" label="序号" min-width="8%" />
                        <el-table-column prop="formTime" label="来料日期" min-width="8%" />
                        <el-table-column prop="supplier" label="供应商名称" min-width="12%" />
                        <el-table-column prop="mcode" label="材料编码" min-width="8%" />
                        <el-table-column prop="name" label="材料名称" min-width="8%" />
                        <el-table-column prop="specifications" label="规格型号" min-width="12%" />
                        <el-table-column prop="unit" label="单位" min-width="5%" />
                        <el-table-column prop="num" label="数量" min-width="5%" />
                        <el-table-column prop="endTime" label="报检日期" min-width="8%" />
                        <el-table-column prop="surveyor" label="检验人" min-width="8%" />
                        <el-table-column prop="startTime" label="检验日期" min-width="8%" />
                        <el-table-column prop="type" label="状态" min-width="8%">
                            <template slot-scope="scope">
                                <span :style="{ color: scope.row.state === type ? 'green' : 'red' }">
                                    {{ scope.row.state===1 ? '已检测':'待检测' }}
                                </span>
                            </template>
                        </el-table-column>
                    </el-table>
                    <span slot="footer" class="dialog-footer">
                        <el-button @click="rawmaterialVisible = false">取 æ¶ˆ</el-button>
                        <el-button type="primary" @click="handleRawMaterialSelection">ç¡® å®š</el-button>
                    </span>
                </div>
            </el-dialog>
            <!-- å§”托检验模态框 -->
            <el-dialog title="委托检验" :visible.sync="commisionVisible" width="60%">
                <div class="table-box">
                    <el-table ref="multipleTable" :max-height="800" :cell-style="{textAlign: 'center'}"
                        :header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}"
                        :data="commisionTable" @selection-change="handleSelectionChange" style="width: 100%">
                        <el-table-column type="selection" min-width="10%" />
                        <el-table-column type="index" label="序号" min-width="10%" />
                        <el-table-column prop="entrust_coding" label="委托编号" min-width="10%" />
                        <el-table-column prop="supplier" label="委托单位" min-width="12%" />
                        <el-table-column prop="mcode" label="样品编号" min-width="8%" />
                        <el-table-column prop="name" label="样品名称" min-width="8%" />
                        <el-table-column prop="specifications" label="规格型号" min-width="12%" />
                        <el-table-column prop="endTime" label="送达时间" min-width="8%" />
                        <el-table-column prop="formTime" label="完成期限" min-width="8%" />
                        <el-table-column prop="contacts" label="委托编制人" min-width="8%" />
                        <el-table-column prop="endTime" label="检验日期" min-width="8%" />
                        <el-table-column prop="inspection_status" label="状态" min-width="8%">
                            <template slot-scope="scope">
                                <div v-if="scope.row.inspection_status === 1">
                                    <span style="color: green;">已检测</span>
                                </div>
                                <div v-else>
                                    <span style="color: red;">待检测</span>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column label="操作" min-width="8%">
                            <template slot-scope="scope">
                                <el-button type="text" size="small">删除</el-button>
                            </template>
                        </el-table-column>
                    </el-table>
                    <span slot="footer" class="dialog-footer">
                        <el-button @click="commisionVisible = false">取 æ¶ˆ</el-button>
                        <el-button type="primary" @click="handleCommisionSelection">ç¡® å®š</el-button>
                    </span>
                </div>
            </el-dialog>
        </template>
        <template v-else>
            <router-view />
        </template>
    </div>
</template>

            </el-dialog>

        <!-- åŽŸææ–™æ£€éªŒæ¨¡æ€æ¡† -->
        <el-dialog
        title="原材料检验"
        :visible.sync="rawmaterialVisible"
        width="60%">
          <div class="table-box">
            <el-table
              ref="multipleTable"
              :max-height="800"
              :cell-style="{textAlign: 'center'}"
              :header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}"
              :data="rawMaterialTable"
              style="width: 100%"
              @selection-change="handleSelectionChange"
            >
            <el-table-column
                type="selection"
                min-width="10%"
              />
              <el-table-column
                type="index"
                label="序号"
                min-width="8%"
              />
              <el-table-column
                prop="startTime"
                label="来料日期"
                min-width="8%"
              />
              <el-table-column
                prop="supplierName"
                label="供应商名称"
                min-width="12%"
              />
              <el-table-column
                prop="mcode"
                label="材料编码"
                min-width="8%"
              />
              <el-table-column
                prop="name"
                label="材料名称"
                min-width="8%"
              />
              <el-table-column
                prop="specifications"
                label="规格型号"
                min-width="12%"
              />
              <el-table-column
                prop="unit"
                label="单位"
                min-width="5%"
              />
              <el-table-column
                prop="num"
                label="数量"
                min-width="5%"
              />
              <el-table-column
                prop="endTime"
                label="报检日期"
                min-width="8%"
              />
              <el-table-column
                prop="supplier"
                label="检验人"
                min-width="8%"
              />
              <el-table-column
                prop="startTime"
                label="检验日期"
                min-width="8%"
              />
              <el-table-column
                prop="condition"
                label="状态"
                min-width="8%"
              >
              <template slot-scope="scope">
                <span :style="{ color: scope.row.state === 1 ? 'green' : 'red' }">
                  {{ scope.row.state===1 ? '已检测':'待检测' }}
                </span>
              </template>
              </el-table-column>
            </el-table>
            <span slot="footer" class="dialog-footer">
                <el-button @click="rawmaterialVisible = false">取 æ¶ˆ</el-button>
                <el-button type="primary" @click="handleRawMaterialSelection">ç¡® å®š</el-button>
            </span>
          </div>
        </el-dialog>
        <!-- å§”托检验模态框 -->
        <el-dialog
        title="委托检验"
        :visible.sync="commisionVisible"
        width="60%">
          <div class="table-box">
            <el-table
                ref="multipleTable"
                :max-height="800"
                :cell-style="{textAlign: 'center'}"
                :header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}"
                :data="commisionTable"
                @selection-change="handleSelectionChange"
                style="width: 100%"
              >
              <el-table-column type="selection" min-width="10%" />
                            <el-table-column type="index" label="序号" min-width="10%" />
                            <el-table-column prop="entrust_coding" label="委托编号" min-width="10%" />
                            <el-table-column prop="supplier" label="委托单位" min-width="12%" />
                            <el-table-column prop="mcode" label="样品编号" min-width="8%" />
                            <el-table-column prop="name" label="样品名称" min-width="8%" />
                            <el-table-column prop="specifications" label="规格型号" min-width="12%" />
                            <el-table-column prop="endTime" label="送达时间" min-width="8%" />
                            <el-table-column prop="formTime" label="完成期限" min-width="8%" />
                            <el-table-column prop="contacts" label="委托编制人" min-width="8%" />
                            <el-table-column prop="endTime" label="检验日期" min-width="8%" />
                            <el-table-column prop="inspection_status" label="状态" min-width="8%">
                                <template slot-scope="scope">
                                    <div v-if="scope.row.inspection_status === 1">
                                        <span style="color: green;">已检测</span>
                                    </div>
                                    <div v-else>
                                        <span style="color: red;">待检测</span>
                                    </div>
                                </template>
                            </el-table-column>
                            <el-table-column label="操作" min-width="8%">
                                <template slot-scope="scope">
                                    <el-button type="text" size="small">删除</el-button>
                                </template>
                            </el-table-column>
              </el-table>
            <span slot="footer" class="dialog-footer">
                <el-button @click="commisionVisible = false">取 æ¶ˆ</el-button>
                <el-button type="primary" @click="handleCommisionSelection">ç¡® å®š</el-button>
              </span>
          </div>
        </el-dialog>
      </template>
      <template v-else>
        <router-view />
      </template>
    </div>
  </template>

  <script>
  import { selectInspectsList, selectAll, addInspect,chooseVer,lookProByVer} from '@/api/experiment/planAssignments'
  export default {
    data() {

      return {
        showDetail: false,
        searchData: {
          applicationnumber: '',
          type: '',
          state: '',
        },
        valu:{},
        inputValue: '',
        icode:'',
        inspectionTable: [],
        rawMaterialTable: [],
        commisionTable: [],
        finishedTable: {
          deliverydate: '',
          supplier: '',
          code: '',
          name: '',
          modelandspecification: '',
          unit: '',
          amount: '',
          checkdate: []
        },
        selectedValue:1,      
        infoForm:{},
        commisionSelection:{
          entrust_coding: '',
          entrusted: '',
          samples_number: '',
          sample_name: '',
          specifications_models: '',
          dateSurvey: '',
          completionDeadline: '',
          contacts: '',
          inspectionTime: ''
        },
        typeoptions:[{
          value: 0,
          label:'原材料检验'
        },{
          value: 1,
          label: '委托检验'
        },{
          value: 2,
          label: '成品检验'
        }],
        stateoptions:[{
          value: 0,
          label:'不合格'
        },{
          value: 1,
          label:'合格'
        }],
        options:[{
          value: '0',
          label: '选项1'
        },{
          value:'1',
          label: '选项2'
        }],
        currentPage: 1,
        total: 20, // æ€»æ¡æ•°
        pageSize: 8, // æ¯é¡µçš„数据条数
        radioValue: '全部',
        checkTypeVisible: false,
        type: 0, // é»˜è®¤ä¸é€‰ä¸­çš„状态
        rawmaterialVisible: false,
        commisionVisible: false,
        tmp: '',
        Standardframe: false,
<script>
    import {
        selectInspectsList,
        selectAll,
        addInspect,
        chooseVer,
        lookProByVer
    } from '@/api/experiment/planAssignments'
    export default {
        data() {
            return {
                showDetail: false,
                searchData: {
                    applicationnumber: '',
                    type: '',
                    state: '',
                },
                valu: {},
                inputValue: '',
                icode: '',
                inspectionTable: [],
                rawMaterialTable: [],
                commisionTable: [],
                finishedTable: {
                    deliverydate: '',
                    supplier: '',
                    code: '',
                    name: '',
                    modelandspecification: '',
                    unit: '',
                    amount: '',
                    checkdate: []
                },
                selectedValue: 1,
                infoForm: {},
                commisionSelection: {
                    entrust_coding: '',
                    entrusted: '',
                    samples_number: '',
                    sample_name: '',
                    specifications_models: '',
                    dateSurvey: '',
                    completionDeadline: '',
                    contacts: '',
                    inspectionTime: ''
                },
                typeoptions: [{
                    value: 0,
                    label: '原材料检验'
                }, {
                    value: 1,
                    label: '委托检验'
                }, {
                    value: 2,
                    label: '成品检验'
                }],
                stateoptions: [{
                    value: 0,
                    label: '不合格'
                }, {
                    value: 1,
                    label: '合格'
                }],
                options: [{
                    value: '0',
                    label: '选项1'
                }, {
                    value: '1',
                    label: '选项2'
                }],
                currentPage: 1,
                total: 20, // æ€»æ¡æ•°
                pageSize: 10, // æ¯é¡µçš„数据条数
                radioValue: '全部',
                checkTypeVisible: false,
                type: 0, // é»˜è®¤ä¸é€‰ä¸­çš„状态
                rawmaterialVisible: false,
                commisionVisible: false,
                tmp: {},
                Standardframe: false,
                tableData: [],
        tableRow:{},
        BANben:[],
        select_1: [],
        aa:{}
      }
    },
    watch: {
      $route: {
        handler(val, oldval) {
          console.log(val)// æ–°è·¯ç”±ä¿¡æ¯
          console.log(oldval)// è€è·¯ç”±ä¿¡æ¯
        },
        // æ·±åº¦è§‚察监听
        deep: true
      }
    },
    created() {
      this.selectInspectsList()
    },
    updated() {
      if (this.$route.name === 'ForInspectionDetail') this.showDetail = true
    },
    methods: {
      async selectAll(){
        const res = selectAll({type:0})
        // console.log(res);
        this.rawMaterialTable = res.data
      },
      async selectAll(){
        const res = selectAll({type:2})
        // console.log(res);
        this.commisionTable = res.data
      },
      async handleClick(row){
        // this.inspectionTable = row;
        this.id = row.id
        this.$router.push({name:'Viewdetails',query: {id:row.id}});
        this.selectInspectsList()
      },
      // validateInput() {
      //   if (this.inputValue.trim() === '') {
      //  }
      // },      // è¾“入值为空，弹出提示信息或进行其他处理
      //     alert('输入值不能为空');
      //     return;
     
      //版本库
      async chooseVer() {
        console.log(this.tmp.materialCoding);
        console.log(this.tmp.materialName);
        console.log(this.tmp.specificationsModels);
        const res = await chooseVer ({
          mcode:this.tmp.mcode,
          name:this.tmp.name,
          specifications:this.tmp.specifications
         })
         this.BANben = res.data
         console.log(res.data);
         this.aa = this.BANben[0]
         this.lookProByVer()
      },
      //标准库
      async lookProByVer() {
        const res = await lookProByVer({
          mcode:this.tmp.mcode,
          name:this.tmp.name,
          specifications:this.tmp.specifications,
          version:this.aa
        })
        console.log(res);
        this.tableData = res.data
      },
      ccc(val){
        // console.log(val);
        this.aa = val
        this.lookProByVer()
      },
      async selectInspectsList() {
        // èŽ·å–分页列表
        const res = await selectInspectsList({ countSize: this.pageSize, pageSize: this.currentPage,message:this.id})
        // this.inspectionTable = data
        // console.log(res.data.row)
        const data = res.data.row
        data.forEach((item) => {
          var formTime = item["DATE_FORMAT(`form_time`,'%Y-%m-%d')"]
          var startTime = item["DATE_FORMAT(i"]["`start_time`,'%Y-%m-%d')"]
          var endTime = item["DATE_FORMAT(i"]["`end_time`,'%Y-%m-%d')"]
          var checkdate = startTime + '~' + endTime
          var createTime = item["DATE_FORMAT(i"]["`create_time`,'%Y-%d')"]
          item['formTime'] = formTime // æ¥æ–™æ—¥æœŸ
          item['checkdate'] = checkdate // æ£€éªŒæ—¥æœŸ
          item['createTime'] = createTime // ç™»è®°æ—¥æœŸ
      })
        this.inspectionTable = data
        this.total = res.data.total
      },
      async searchInspections(){
        const res = await selectInspectsList({countSize:this.pageSize,pageSize:this.currentPage,message:this.searchData.applicationnumber})
        var data = res.data.row
        data.forEach((item) => {
          var formTime = item["DATE_FORMAT(`form_time`,'%Y-%m-%d')"]
          var startTime = item["DATE_FORMAT(i"]["`start_time`,'%Y-%m-%d')"]
          var endTime = item["DATE_FORMAT(i"]["`end_time`,'%Y-%m-%d')"]
          var checkdate = startTime + '~' + endTime
          var createTime = item["DATE_FORMAT(i"]["`create_time`,'%Y-%m-%d')"]
          item['formTime'] = formTime // æ¥æ–™æ—¥æœŸ
          item['checkdate'] = checkdate // æ£€éªŒæ—¥æœŸ
          item['createTime'] = createTime // ç™»è®°æ—¥æœŸ
      })
      this.inspectionTable = data
      if(this.searchData.type !== ''){
        if(this.searchData.state !== ''){
          this.inspectionTable = data.filter((item)=>{
            return item.type===this.searchData.type && item.inspection_status === this.searchData.state
          })
        }else{
          this.inspectionTable = data.filter((item)=>{
            return item.type===this.searchData.type
          })
        }
      }else{
        if(this.searchData.state !== ''){
          this.inspectionTable = data.filter((item)=>{
            return item.inspection_status===this.searchData.state
          })
        }
      }
      this.total = this.inspectionTable.length
    },
    reset(){
      this.countSize = 1;
      this.pageSize = 8;
      this.searchData = { };
      this.selectInspectsList();
    },
    //被选中的信息 å•é€‰
    handleSelectionChange(val) {
      if (val.length > 1) {
        this.$refs.multipleTable.clearSelection();
        this.$refs.multipleTable.toggleRowSelection(val.pop())
      }
      this.tmp = val[0]
      // console.log(this.tmp);
    },
    handleCommisionSelection(){
      this.commisionSelection = this.tmp
      this.commisionVisible = false
    },
    handleRawMaterialSelection(){
      this.infoForm = this.tmp
      // console.log(this.infoForm);
                tableRow: {},
                BANben: [],
                select_1: [],
                aa: {}
            }
        },
        watch: {
            $route: {
                handler(val, oldval) {
                },
                // æ·±åº¦è§‚察监听
                deep: true
            }
        },
        created() {
            this.selectInspectsList()
        },
        updated() {
            if (this.$route.name === 'ForInspectionDetail') this.showDetail = true
        },
        methods: {
            async selectAll() {
                const res = selectAll({
                    type: 0
                })
                this.rawMaterialTable = res.data
            },
            async selectAll() {
                const res = selectAll({
                    type: 2
                })
                this.commisionTable = res.data
            },
            async handleClick(row) {
                this.inspectionTable = row;
                this.id = row.id
                this.$router.push({
                    name: 'Viewdetails',
                    query: {
                        id: row.id
                    }
                });
                this.selectInspectsList()
            },
            // validateInput() {
            //   if (this.inputValue.trim() === '') {
            //  }
            // },      // è¾“入值为空，弹出提示信息或进行其他处理
            //     alert('输入值不能为空');
            //     return;

      this.rawmaterialVisible = false
    },
    handleRadioChange(){
      setTimeout(()=>{
                if(this.type === 0){
        // åŽŸææ–™æŠ¥æ£€
        this.rawmaterialVisible = true
        selectAll({type:0}).then(res=>{
          // console.log(res);
        //   var data = res.data
        // data.forEach((item)=>{
        //   var checkdate = []
        //   checkdate.push(item['createTime'])
        //   checkdate.push(item['updateTime'])
        //   item['checkdate'] = checkdate // æ£€éªŒæ—¥æœŸ
        // })
        console.log(res);
        this.rawMaterialTable = res.data
        })
        
          // this.infoForm = res.data
        // this.$router.push({ name: 'ReportForInspection' });
      }else if(this.type === 1){
                  this.commisionVisible = true
          selectAll({type:2}).then(res=>{

          this.commisionTable = res.data
                  })
            //版本库
            async chooseVer() {
                const res = await chooseVer({
                    mcode: this.tmp.mcode,
                    name: this.tmp.name,
                    specifications: this.tmp.specifications
                })
                this.BANben = res.data
                this.aa = this.BANben[0]
                this.lookProByVer()
            },
            //标准库
            async lookProByVer() {
                const res = await lookProByVer({
                    mcode: this.tmp.mcode,
                    name: this.tmp.name,
                    specifications: this.tmp.specifications,
                    version: this.aa
                })
                this.tableData = res.data
            },
            ccc(val) {
                this.aa = val
                this.lookProByVer()
            },
            async selectInspectsList() {
                // èŽ·å–分页列表
                const res = await selectInspectsList({
                    countSize: this.pageSize,
                    pageSize: this.currentPage,
                    message: this.id
                })
                // this.inspectionTable = data
                const data = res.data.row
                data.forEach((item) => {
                    var formTime = item["DATE_FORMAT(`form_time`,'%Y-%m-%d')"]
                    var startTime = item["DATE_FORMAT(i"]["`start_time`,'%Y-%m-%d')"]
                    var endTime = item["DATE_FORMAT(i"]["`end_time`,'%Y-%m-%d')"]
                    var checkdate = startTime + '~' + endTime
                    var createTime = item["DATE_FORMAT(i"]["`create_time`,'%Y-%d')"]
                    item['formTime'] = formTime // æ¥æ–™æ—¥æœŸ
                    item['checkdate'] = checkdate // æ£€éªŒæ—¥æœŸ
                    item['createTime'] = createTime // ç™»è®°æ—¥æœŸ
                })
                this.inspectionTable = data
                this.total = res.data.total
            },
            async searchInspections() {
                const res = await selectInspectsList({
                    countSize: this.pageSize,
                    pageSize: this.currentPage,
                    message: this.searchData.applicationnumber
                })
                var data = res.data.row
                data.forEach((item) => {
                    var formTime = item["DATE_FORMAT(`form_time`,'%Y-%m-%d')"]
                    var startTime = item["DATE_FORMAT(i"]["`start_time`,'%Y-%m-%d')"]
                    var endTime = item["DATE_FORMAT(i"]["`end_time`,'%Y-%m-%d')"]
                    var checkdate = startTime + '~' + endTime
                    var createTime = item["DATE_FORMAT(i"]["`create_time`,'%Y-%m-%d')"]
                    item['formTime'] = formTime // æ¥æ–™æ—¥æœŸ
                    item['checkdate'] = checkdate // æ£€éªŒæ—¥æœŸ
                    item['createTime'] = createTime // ç™»è®°æ—¥æœŸ
                })
                this.inspectionTable = data
                if (this.searchData.type !== '') {
                    if (this.searchData.state !== '') {
                        this.inspectionTable = data.filter((item) => {
                            return item.type === this.searchData.type && item.inspection_status === this.searchData.state
                        })
                    } else {
                        this.inspectionTable = data.filter((item) => {
                            return item.type === this.searchData.type
                        })
                    }
                } else {
                    if (this.searchData.state !== '') {
                        this.inspectionTable = data.filter((item) => {
                            return item.inspection_status === this.searchData.state
                        })
                    }
                }
            },100)
    },
    // æ–°å¢žæ£€éªŒ
    async addInspection(){
      if(this.type === 0){
        await addInspect({endTime: this.infoForm.checkdate[1],
          formTime: this.infoForm.dateSurvey,
          mcode: this.infoForm.materialCoding,
          name: this.infoForm.materialName,
          num: this.infoForm.quantity,
          specifications: this.infoForm.specificationsModels,
          startTime: this.infoForm.checkdate[0] ,
          supplier: this.infoForm.supplierName,
          type: this.type,
          unit: this.infoForm.unit})
      }
      if(this.type === 1){
        console.log(this.commisionSelection)
        const res = await addInspect({endTime: this.commisionSelection.checkdate[1],
          formTime: this.commisionSelection.formTime,
          mcode: this.commisionSelection.mcode,
          name: this.commisionSelection.name,
          num: this.commisionSelection.num,
          specifications: this.commisionSelection.specifications,
          startTime: this.commisionSelection.checkdate[0] ,
          supplier: this.commisionSelection.supplier,
          type: this.type,
          unit: this.commisionSelection.unit})
          console.log('res',res)
      }
      if(this.type === 2){
        console.log(this.finishedTable)
        const res = await addInspect({ endTime: '2023-08-15',
          formTime: this.finishedTable.deliverydate,
          mcode: this.finishedTable.code,
          name: this.finishedTable.name,
          num: parseInt(this.finishedTable.amount),
          specifications: this.finishedTable.modelandspecification,
          startTime: '2023-08-14',
          supplier: this.finishedTable.supplier,
          type: this.type,
          unit: this.finishedTable.unit })
      }
      this.type = 0
      this.checkTypeVisible = false
      this.$message({
          message: '添加成功！',
          type: 'success'
        });
    },
      // æ¯é¡µæ¡æ•°æ”¹å˜æ—¶è§¦å‘ é€‰æ‹©ä¸€é¡µæ˜¾ç¤ºå¤šå°‘è¡Œ
      handleSizeChange(val) {
        console.log(`每页 ${val} æ¡`)
        // this.currentPage = 1
        this.pageSize = val
        this.selectInspectsList()
      },
      // å½“前页改变时触发 è·³è½¬å…¶ä»–页
      handleCurrentChange(val) {
        console.log(`当前页: ${val}`)
        this.currentPage = val
        this.selectInspectsList()
      },
      //确定跳转
      QUEding(){
        // this.tableRow = a
        
        this.Standardframe = true
                this.total = this.inspectionTable.length
            },
            reset() {
                this.countSize = 1;
                this.pageSize = 8;
                this.searchData = {};
                this.selectInspectsList();
            },
            //被选中的信息 å•é€‰
            handleSelectionChange(val) {
                if (val.length > 1) {
                    this.$refs.multipleTable.clearSelection();
                    this.$refs.multipleTable.toggleRowSelection(val.pop())
                }
                this.tmp = val[0]
            },
            handleCommisionSelection() {
                this.commisionSelection = this.tmp
                this.commisionVisible = false
            },
            handleRawMaterialSelection() {
                this.infoForm = this.tmp
                this.rawmaterialVisible = false
            },
            handleRadioChange() {
                setTimeout(() => {
                    if (this.type === 0) {
                        // åŽŸææ–™æŠ¥æ£€
                        this.rawmaterialVisible = true
                        selectAll({
                            type: 0
                        }).then(res => {
                            //   var data = res.data
                            // data.forEach((item)=>{
                            //   var checkdate = []
                            //   checkdate.push(item['createTime'])
                            //   checkdate.push(item['updateTime'])
                            //   item['checkdate'] = checkdate // æ£€éªŒæ—¥æœŸ
                            // })
                            this.rawMaterialTable = res.data
                        })

        this.chooseVer()
        
      },
      //確定詳情頁
      GOfrom( ){
        this.Standardframe = false
        // console.log(this.tmp.materialCoding);
        // console.log(this.tmp.materialName);
        // console.log(this.tmp.specificationsModels);
        // console.log(this.aa)
        // const data = {
        //   // mcode : this.tmp.mcode,
        //   // name:this.tmp.name,
        //   // specifications:this.tmp.specifications,
        //   version:this.tmp.id
        // }
          
        this.$router.push({name:'Viewdetails',query:{id:this.tmp.id}})
                        // this.infoForm = res.data
                        // this.$router.push({ name: 'ReportForInspection' });
                    } else if (this.type === 1) {
                        this.commisionVisible = true
                        selectAll({
                            type: 2
                        }).then(res => {

      },
    }
  }
  </script>
                            this.commisionTable = res.data
                        })
                    }
                }, 100)
            },
            // æ–°å¢žæ£€éªŒ
            async addInspection() {
                if (this.type === 0) {
                    await addInspect({
                        endTime: this.infoForm.checkdate[1],
                        formTime: this.infoForm.dateSurvey,
                        mcode: this.infoForm.materialCoding,
                        name: this.infoForm.materialName,
                        num: this.infoForm.quantity,
                        specifications: this.infoForm.specificationsModels,
                        startTime: this.infoForm.checkdate[0],
                        supplier: this.infoForm.supplierName,
                        type: this.type,
                        unit: this.infoForm.unit
                    })
                }
                if (this.type === 1) {
                    const res = await addInspect({
                        endTime: this.commisionSelection.checkdate[1],
                        formTime: this.commisionSelection.formTime,
                        mcode: this.commisionSelection.mcode,
                        name: this.commisionSelection.name,
                        num: this.commisionSelection.num,
                        specifications: this.commisionSelection.specifications,
                        startTime: this.commisionSelection.checkdate[0],
                        supplier: this.commisionSelection.supplier,
                        type: this.type,
                        unit: this.commisionSelection.unit
                    })
                }
                if (this.type === 2) {
                    const res = await addInspect({
                        endTime: '2023-08-15',
                        formTime: this.finishedTable.deliverydate,
                        mcode: this.finishedTable.code,
                        name: this.finishedTable.name,
                        num: parseInt(this.finishedTable.amount),
                        specifications: this.finishedTable.modelandspecification,
                        startTime: '2023-08-14',
                        supplier: this.finishedTable.supplier,
                        type: this.type,
                        unit: this.finishedTable.unit
                    })
                }
                this.type = 0
                this.checkTypeVisible = false
                this.$message({
                    message: '添加成功！',
                    type: 'success'
                });
            },
            // æ¯é¡µæ¡æ•°æ”¹å˜æ—¶è§¦å‘ é€‰æ‹©ä¸€é¡µæ˜¾ç¤ºå¤šå°‘è¡Œ
            handleSizeChange(val) {
                // this.currentPage = 1
                this.pageSize = val
                this.selectInspectsList()
            },
            // å½“前页改变时触发 è·³è½¬å…¶ä»–页
            handleCurrentChange(val) {
                this.currentPage = val
                this.selectInspectsList()
            },
            //确定跳转
            QUEding() {
                // this.tableRow = a

  <style lang="scss" scoped>
  .checkType{
    .check-box{
      .el-radio-group{
        display: flex;
        justify-content: space-around;
        .el-radio{
          // display: flex;
          // align-items: center;
          &.is-checked{
            background: #ecf5ff;
            border-color: #b3d8ff;
           ::v-deep  .el-radio__label{
              color: #333 !important;
                this.Standardframe = true

            }
          }
          height: auto;
          font-size: 22px !important;
          padding: 40px 50px !important;
          ::v-deep  .el-radio__label{
            font-size: 22px !important;
            padding-left: 0px !important;
          }
          ::v-deep  .el-radio__input{
          display: none !important;
        }
      }
   }
    }
  }
   .content-main{
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
    }
    .top-bar{
      margin: -25px -15px;
      background: #fff;
      display: flex;
      justify-content: space-between;
      padding: 5px 24px 0px 24px;
    }
    .input-form{
      width: 500px;
    }
    .retrieval{
    float: right;
    font-size: 14px;
    color: rgb(0, 120, 255);
    line-height: 40px;
   }
   .rightBtn {
    display: flex;
    justify-content: flex-end;
  }
                this.chooseVer()

  .getDataBtn, .createBtn {
    margin-left: 10px; /* Optional: Add some space between the buttons */
  }
  .library-table{
        background-color: #fff;
        flex: 1;
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 50px;
        display: flex;
        flex-direction: column;
        .table-header{
          padding: 20px;
          display: flex;
          justify-content: space-between;
          .el-form-item{
            margin-bottom: 30px !important;
          }
        }
        .table-box{
            padding: 0px 20px;
            margin-top: 20px;
            flex: 1;
            background: #fff;
            // padding: 20px 20px 10px 20px;
            display: flex;
            flex-direction: column;
            .el-table {
              flex: 1;
              .tag{
                width: 80px;
              }
            }
            >div:nth-child(2){
              display: flex;
              justify-content: end;
              margin: 20px 0;
              margin-top: 30px;
            }
        }
      }
.checkTypeForm{
    margin-top: 30px;
    margin-left: 50px;
    .el-row{
        margin-bottom: 10px;
    }
}
.pagination{
  display: flex;
  margin-top: 20px;
  justify-content: end;
}
.dialog-footer{
  display: flex;
  margin-top: 20px;
  justify-content: end;
}
  </style>
            },
            //確定詳情頁
            GOfrom() {
                this.Standardframe = false
                // const data = {
                //   // mcode : this.tmp.mcode,
                //   // name:this.tmp.name,
                //   // specifications:this.tmp.specifications,
                //   version:this.tmp.id
                // }

                this.$router.push({
                    name: 'Viewdetails',
                    query: {
                        id: this.tmp.id
                    }
                })

            },
        }
    }
</script>

<style lang="scss" scoped>
    .checkType {
        .check-box {
            .el-radio-group {
                display: flex;
                justify-content: space-around;

                .el-radio {

                    // display: flex;
                    // align-items: center;
                    &.is-checked {
                        background: #ecf5ff;
                        border-color: #b3d8ff;

                        ::v-deep .el-radio__label {
                            color: #333 !important;

                        }
                    }

                    height: auto;
                    font-size: 22px !important;
                    padding: 40px 50px !important;

                    ::v-deep .el-radio__label {
                        font-size: 22px !important;
                        padding-left: 0px !important;
                    }

                    ::v-deep .el-radio__input {
                        display: none !important;
                    }
                }
            }
        }
    }

    .content-main {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .top-bar {
        margin: -25px -15px;
        background: #fff;
        display: flex;
        justify-content: space-between;
        padding: 5px 24px 0px 24px;
    }

    .input-form {
        width: 500px;
    }

    .retrieval {
        float: right;
        font-size: 14px;
        color: rgb(0, 120, 255);
        line-height: 40px;
    }

    .rightBtn {
        display: flex;
        justify-content: flex-end;
    }

    .getDataBtn,
    .createBtn {
        margin-left: 10px;
        /* Optional: Add some space between the buttons */
    }

    .library-table {
        background-color: #fff;
        flex: 1;
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 50px;
        display: flex;
        flex-direction: column;

        .table-header {
            padding: 20px;
            display: flex;
            justify-content: space-between;

            .el-form-item {
                margin-bottom: 30px !important;
            }
        }

        .table-box {
            padding: 0px 20px;
            margin-top: 20px;
            flex: 1;
            background: #fff;
            // padding: 20px 20px 10px 20px;
            display: flex;
            flex-direction: column;

            .el-table {
                flex: 1;

                .tag {
                    width: 80px;
                }
            }

            >div:nth-child(2) {
                display: flex;
                justify-content: end;
                margin: 20px 0;
                margin-top: 30px;
            }
        }
    }

    .checkTypeForm {
        margin-top: 30px;
        margin-left: 50px;

        .el-row {
            margin-bottom: 10px;
        }
    }

    .pagination {
        display: flex;
        margin-top: 20px;
        justify-content: end;
    }

    .dialog-footer {
        display: flex;
        margin-top: 20px;
        justify-content: end;
    }
</style>

 src/views/home/index.vue

@@ -124,7 +124,7 @@
    this.getcheckProjectNum();
    this.getVerifiedData();
    this.getUncheckedData();
    this.getPieChart();  
    this.getPieChart();
  },
  methods: {
    cell({ row, column, rowIndex, columnIndex }) {

 src/views/inspectionManagement/commissionInspection/addCommision.vue

@@ -15,20 +15,17 @@
          style="width: 200px;"
        >
        </el-input>-->
                        <el-button type="primary" size="small" style="background-color: rgb(1, 102, 226);">重置</el-button>
                    </div>
                    <el-table ref="detectionInfo" :max-height="800" :cell-style="{textAlign: 'center'}"
                        :header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}"
                        :data="detectionInfo" style="width: 100%;margin-bottom: 20px;">
                        <el-table-column type="index" label="序号" min-width="10%" />
                        <el-table-column prop="sampleNumber" label="样品编号" min-width="8%" />

                        <el-table-column prop="sampleName" label="样品名称" min-width="10%" />

                        <el-table-column prop="specificationsModels" label="规格型号" min-width="10%" />
                        <el-table-column prop="unit" label="单位" min-width="8%" />
                        <el-table-column prop="samplesNumber" label="数量" min-width="8%" />
                        <el-table-column prop="addway" label="添加方式" min-width="8%">
                        <!-- <el-table-column prop="addway" label="添加方式" min-width="8%">
                            <template slot-scope="scope">
                                <div v-if="scope.row.addway === 0">
                                    <el-tag type="success" disable-transitions>扫描</el-tag>
@@ -38,12 +35,12 @@
                                </div>
                                <div v-else></div>
                            </template>
                        </el-table-column>
                        </el-table-column> -->
                        <el-table-column prop="remarks" label="备注" min-width="8%" />
                        <el-table-column label="操作" min-width="8%">
                            <template slot-scope="scope">
                                <el-button type="text" size="small">修改</el-button>
                                <el-button type="text" size="small" @click="deleteRow(scope.row)">删除</el-button>
                                <el-button type="text" size="small"
                                    @click.native.prevent="deleteRow(scope.$index, detectionInfo)">删除</el-button>
                            </template>
                        </el-table-column>
                    </el-table>
@@ -103,8 +100,8 @@
                                <el-col :span="5">
                                    <el-form-item label="送样方式：">
                                        <el-select style="width: 200px;" v-model="infoForm.way" size="small" placeholder="送样">
                                            <el-option v-for="options in sampleDeliveryMode" :key="options.key"
                                                :value="options.value">{{ options.value }}</el-option>
                                            <el-option v-for="options in sampleDeliveryMode" :key="options.key" :value="options.key"
                                                :label="options.value">{{ options.value }}</el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
@@ -176,41 +173,39 @@
                            </el-col>
                            <el-col :span="11">
                                <el-form-item label="规格型号：">
                                    <el-select v-model="addPointerForm.specificationsModels" size="small" placeholder="请先选择样品名称">
                                        <el-option v-for="options in model_spe_options" :value="options.value"
                                    <el-select v-model="addPointerForm.specificationsModels" size="small" placeholder="请先选择样品名称"
                                        @change="getProductList">
                                        <el-option v-for="options in model_sta_options" :value="options.key" :label="options.value"
                                            :key="options.key">{{ options.value }}</el-option>
                                    </el-select>
                                </el-form-item>
                            </el-col>
							
                        </el-row>
                        <el-row :gutter="50">

                            <el-col :span="11">
                                <el-form-item label="样品单位：">
                                    <el-input type="text" v-model="addPointerForm.unit" placeholder="请输入单位" autocomplete="off" />
                                </el-form-item>
                            </el-col>

                            <el-col :span="11">
                                <el-form-item label="样品数量：">
                                    <el-input type="text" v-model="addPointerForm.samplesNumber" placeholder="请输入数量" autocomplete="off" />
                                </el-form-item>
                            </el-col>
							
                        </el-row>
                        <el-row :gutter="50">
                            <el-col :span="9">
                            <el-col :span="11">
                                <el-form-item label="添加项目：">
                                    <el-checkbox-group v-model="addPointerForm.experiment" style="display: flex; flex-direction: column;">
                                        <el-checkbox v-for="expers in experList" :label="expers.label"
                                            :key="expers.key">{{ expers.label }}</el-checkbox>
                                        <el-checkbox v-for="(expers, ai) in productList" :label="expers"
                                            :key="ai">{{ expers }}</el-checkbox>
                                    </el-checkbox-group>
                                </el-form-item>
                            </el-col>
                            <el-col :span="41">
                            <el-col :span="11">
                                <el-form-item label="备注：">
                                    <el-input type="textarea" :autosize="{ minRows: 4, maxRows: 20}"  style="width: 200px;" v-model="addPointerForm.remarks" placeholder="请输入备注" autocomplete="off" />
                                    <el-input type="textarea" :autosize="{ minRows: 4, maxRows: 20}" style="width: 200px;"
                                        v-model="addPointerForm.remarks" placeholder="请输入备注" autocomplete="off" />
                                </el-form-item>
                            </el-col>
                        </el-row>
@@ -231,7 +226,9 @@
        getModelSpecification,
        getlink,
        addInspection,
        isIfViewUUID
        isIfViewUUID,
        getProductList,
        getContractsSampleInfo
    } from '@/api/inspection/commisioninspection'
    export default {
        data() {
@@ -276,18 +273,11 @@
                    key: '4',
                    label: '绝缘部分交流耐压试验'
                }],
                sampleoptions: [{
                    key: '1',
                    value: '选项1'
                }, {
                    key: '2',
                    value: '选项2'
                }],
                samplecodeoptions: [{
                    key: '1',
                    value: ''
                }],
                sampleoptions: [],
                samplecodeoptions: [],
                model_spe_options: [],
                model_sta_options: [],
                model_options: [],
                sampleDeliveryMode: [{
                    key: '1',
                    value: '送样'
@@ -297,7 +287,28 @@
                }],
                dialogueFormVisible: false,
                showDetail: false,
                viewId: null
                viewId: null,
                productList: []
            }
        },
        watch: {
            addPointerForm: {
                handler: function(val) {
                    if (val.addway != "") {
                        this.model_sta_options = []
                        this.model_options.forEach(a => {
                            if (a.specificationsName == val.addway) {
                                this.model_sta_options = a.children.map(item => {
                                    return {
                                        key: item.modelId,
                                        value: item.modelName
                                    }
                                })
                            }
                        })
                    }
                },
                deep: true
            }
        },
        created() {
@@ -321,6 +332,8 @@
                    if (!res.data) {
                        this.$message.error('当前链接不在有效期内,系统自动关闭')
                        this.$router.push('/404')
                    } else {
                        this.getContractsSampleInfo()
                    }
                })
            },
@@ -338,6 +351,7 @@
                const res = await getModelSpecification({
                    materialId: val
                })
                this.model_options = res.data
                this.model_spe_options = res.data.map((item) => {
                    return {
                        key: item.specificationsId,
@@ -351,8 +365,6 @@
                for (let i = 1; i < this.addPointerForm.experiment.length; i++) {
                    exper += ',' + this.addPointerForm.experiment[i]
                }
				
                // console.log(exper)
                this.addPointerForm.experiment = exper
                let tmp = this.addPointerForm
                this.detectionInfo.push(tmp)
@@ -392,11 +404,9 @@
                this.infoForm.commisioncode = res.data
                if (res.data) {
                    this.$message({
                        message: '恭喜你!',
                        message: '添加成功!',
                        type: 'success'
                    })
                    // è·³è½¬é¡µé¢
                    this.$router.push('/inspectionManagement/commissionInspection')
                    this.showDetail = true
                } else {
                    this.$message.error(res.message)
@@ -408,8 +418,8 @@
            handleCurrentChange(pageNo) {
                this.pageParams.pageNo = pageNo
            },
            deleteRow(row) {

            deleteRow(index, rows) {
                rows.splice(index, 1);
            },
            upMaterialName(val) {
                this.sampleoptions.forEach(a => {
@@ -418,21 +428,52 @@
                    }
                })
                this.getModelSpecification(val)
            },
            getProductList(val) {
                getProductList({
                    modelId: val
                }).then(res => {
                    this.productList = res.data.map(item => {
                        return item.name
                    })
                })
            },
            getContractsSampleInfo() {
                getContractsSampleInfo({
                    viewId: this.viewId
                }).then(res => {
                    this.infoForm = {
                        commisioncode: res.data.entrustCoding,
                        deadline: res.data.completionDeadline,
                        address: res.data.contactAddress,
                        tel: res.data.contactNumber,
                        contacter: res.data.contacts,
                        other: res.data.entrustRemarks,
                        department: res.data.entrusted,
                        time: res.data.inspectionTime,
                        detectionInfo: res.data.linkDetectionList,
                        num: res.data.reportNumber,
                        way: '' + res.data.sampleDeliveryMode,
                        sendertel: res.data.sampleDeliveryPhone,
                        sender: res.data.sampleSender
                    }
                    this.detectionInfo = res.data.linkDetectionList
                })
            }
        }
    }
</script>

<style lang="scss" scoped>
.content-main{
  padding: 20px 40px;
  background-color: #f0f2f5;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  // align-items: center;
    .content-main {
        padding: 20px 40px;
        background-color: #f0f2f5;
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        // align-items: center;

        .firstBox {
            .title {

 src/views/inspectionManagement/commissionInspection/index.vue

@@ -65,20 +65,20 @@
                            <el-table-column type="index" label="序号" min-width="10%" />
                            <el-table-column prop="entrust_coding" label="委托编号" min-width="10%" />
                            <el-table-column prop="entrusted" label="委托单位" min-width="12%" />
                            <el-table-column prop="samples_number" label="样品编号" min-width="8%" />
                            <el-table-column prop="samples_number" label="样品数量" min-width="8%" />
                            <el-table-column prop="sample_name" label="样品名称" min-width="8%" />
                            <el-table-column prop="specifications_models" label="规格型号" min-width="12%" />
                            <el-table-column prop="dateSurvey" label="送达时间" min-width="8%" />
                            <el-table-column prop="inspectionTime" label="送样时间" min-width="8%" />
                            <el-table-column prop="completionDeadline" label="完成期限" min-width="8%" />
                            <el-table-column prop="contacts" label="委托编制人" min-width="8%" />
                            <el-table-column prop="inspectionTime" label="检验日期" min-width="8%" />
                            <el-table-column prop="insTime" label="检验日期" min-width="8%" />
                            <el-table-column prop="inspection_status" label="状态" min-width="8%">
                                <template slot-scope="scope">
                                    <div v-if="scope.row.inspection_status === 1">
                                        <span style="color: green;">已检测</span>
                                    <div v-if="scope.row.inspection_status === 0">
                                        <span style="color: green;">已报检</span>
                                    </div>
                                    <div v-else>
                                        <span style="color: red;">待检测</span>
                                        <span style="color: red;">未报检</span>
                                    </div>
                                </template>
                            </el-table-column>
@@ -327,6 +327,9 @@
                if (document.execCommand('copy')) {
                    this.$message.success('已复制到剪贴板')
                }
            },
            handleClick(row){
                console.log(row);
            }
        }
    }
@@ -338,7 +341,7 @@
        background: #fff;
        display: flex;
        justify-content: space-between;
        padding: 5px 24px 0px 24px;
        padding: 24px 24px 0px 24px;

        .sermargin {
            margin-right: 60px;

 src/views/inspectionManagement/reportForInspection/index.vue

@@ -428,10 +428,8 @@
    // èŽ·å–分页列表数据
    async getRawMaterialList(){
      const res = await getRawMaterialList({pageNo: this.currentPage,pageSize:this.pageSize})
      // console.log(res)
      this.inspectionTable = res.data.row
      this.data = res.data.row
      console.log(res.data.row);
      this.total = res.data.total
    },
    async search(){
@@ -443,7 +441,6 @@
        pageNo: this.currentPage,
        pageSize: this.pageSize
      })
      // console.log(res)
      this.inspectionTable = res.data.row
      this.data = res.data.row
      this.total = res.data.total
@@ -459,7 +456,6 @@
    },
    radioclick(){
      this.searchData.state = this.radioValue
      // console.log(this.radioValue)
      this.inspectionTable = this.data.filter((item)=>{
        return item.condition === this.radioValue
      })
@@ -470,13 +466,11 @@
    },
    // æ¯é¡µæ¡æ•°æ”¹å˜æ—¶è§¦å‘ é€‰æ‹©ä¸€é¡µæ˜¾ç¤ºå¤šå°‘è¡Œ
    handleSizeChange(val) {
      console.log(`每页 ${val} æ¡`)
      this.pageSize = val
      this.getRawMaterialList({pageNo: this.currentPage,pageSize:this.pageSize})
    },
    // å½“前页改变时触发 è·³è½¬å…¶ä»–页
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`)
      this.currentPage = val
      this.getRawMaterialList({pageNo: this.currentPage,pageSize:this.pageSize})
    }

 src/views/laboratory/ledger/index.vue

@@ -54,7 +54,7 @@
        <div class="table-box">
          <el-table ref="equipmentTable" node-key="father_name" :cell-style="{ textAlign: 'center' }"
            :header-cell-style="{ border: '0px', background: '#f5f7fa', color: '#606266', boxShadow: 'inset 0 1px 0 #ebeef5', textAlign: 'center' }"
            :data="equipmentTable" style="width: 100%">
            :data="equipmentTable" style="width: 100%;">
            <el-table-column type="index" label="序号" min-width="90" />
            <el-table-column prop="equipment_code" label="仪器设备编号" min-width="200" />
            <el-table-column prop="equipment_name" label="仪器设备名称" min-width="150" />
@@ -68,7 +68,6 @@
              </template>
            </el-table-column>
            <el-table-column prop="storage_place" label="存放地" min-width="200" />

            <el-table-column label="操作" min-width="120" fixed="right">
              <template slot-scope="scope">
                <el-button type="text" size="small" @click="openDetail(scope.row)">编辑</el-button>
@@ -250,7 +249,7 @@
              <el-form-item label="所属分类：" prop="classifyId" label-width="80" :rules="[
                { required: true, message: '请选择所属分类', trigger: 'change' }
              ]">
                <el-cascader v-model="equipmentform.classifyId" :options="classTree" :show-all-levels="false" />
                <el-cascader style="width: 100%;" v-model="equipmentform.classifyId" :options="classTree" :show-all-levels="false" />
              </el-form-item>
            </el-col>
            <el-col :span="11">
@@ -1052,7 +1051,7 @@
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 0 24px 12px 24px;
    padding: 15px 24px 12px 24px;

    .search-bar {
      .el-radio-button.is-active {
@@ -1088,6 +1087,7 @@
    .library-bom {
      flex: 2;
      margin-right: 12px;
            height: 80vh;

      .bom-item-search {
        margin-bottom: 12px;
@@ -1119,6 +1119,7 @@
      margin-left: 12px;
      display: flex;
      flex-direction: column;
            height: 80vh;

      .table-box {
        margin-top: 30px;

 src/views/login/index.vue

@@ -135,9 +135,9 @@
        </el-form>
        <div class="sao">微信扫码登录</div>
        <div class="copyright">
          <p>江东金具设备有限公司</p>
          <p>版权所有Copyright Â©ï¸ 2012-2021 ZTT.All Rights Reserved.</p>
          <p>[苏ICP备10047815号-1]</p>
          <!-- <p>有限公司</p>
          <p>版权所有Copyright Â©ï¸ </p>
          <p>[苏ICP备10047815号-1]</p> -->
        </div>
      </div>
    </div>