qushaowei
2024-01-12 2b4abfa6fc83152b800a7696636fe682b7ec6cbf
src/views/eam/modules/equipmentCalibrationOrder/TechnologyStatusAuthenticateModal.vue
@@ -1,6 +1,6 @@
<template>
  <a-modal
    :width="800"
    :width="1000"
    :visible="visible"
    :maskClosable="false"
    @ok="handleOk"
@@ -76,176 +76,241 @@
          style="font-size: large;font-style: normal;font-size: 15px;"
        >{{this.model.equipmentNum}}</span>
      </div>
    </div>
    <div>
      <div :style="{height: '45px',float: 'left',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <span
          class="ant-descriptions-title"
          style="font-size: large;font-style: normal;font-size: 15px;"
        >检查部位</span>
      </div>
      <div :style="{height: '45px',float: 'left',width: '40%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <span
          class="ant-descriptions-title"
          style="font-size: large;font-style: normal;font-size: 15px;"
        >检查标准</span>
      </div>
      <div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <span
          class="ant-descriptions-title"
          style="font-size: large;font-style: normal;font-size: 15px;"
        >检查结果(合格/不合格)</span>
        >有无此项</span>
      </div>
      <div :style="{height: '45px',float: 'right',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <span
          class="ant-descriptions-title"
          style="font-size: large;font-style: normal;font-size: 15px;"
        >检查结果</span>
      </div>
    </div>
    <div>
      <div :style="{height: '45px',float: 'left',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <span
          class="ant-descriptions-title"
          style="font-size: large;font-style: normal;font-size: 15px;"
        >操纵手柄及开关</span>
      </div>
      <div :style="{height: '45px',float: 'left',width: '40%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <span
          class="ant-descriptions-title"
          style="font-size: large;font-style: normal;font-size: 15px;"
        >安全、无破损</span>
      </div>
      <div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <a-switch
          checked-children="有"
          un-checked-children="没有"
          :checked="model.result_8 == '0'"
          @change="handle8Switch(model.result_8)"
        />
      </div>
      <div :style="{height: '45px',float: 'right',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <a-switch
          checked-children="合格"
          un-checked-children="不合格"
          :checked="model.result_1 == '0'"
          @change="handleSwitch(model.result_1)"
          :hidden="model.hidden1Switch"
        />
      </div>
    </div>
    <div>
      <div :style="{height: '45px',float: 'left',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <span
          class="ant-descriptions-title"
          style="font-size: large;font-style: normal;font-size: 15px;"
        >传动系统</span>
      </div>
      <div :style="{height: '45px',float: 'left',width: '40%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <span
          class="ant-descriptions-title"
          style="font-size: large;font-style: normal;font-size: 15px;"
        >灵活、无异响</span>
      </div>
      <div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <a-switch
          checked-children="有"
          un-checked-children="没有"
          :checked="model.result_9 == '0'"
          @change="handle9Switch(model.result_9)"
        />
      </div>
      <div :style="{height: '45px',float: 'right',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <a-switch
          checked-children="合格"
          un-checked-children="不合格"
          :checked="model.result_2 == '0'"
          @change="handle2Switch(model.result_2)"
          :hidden="model.hidden2Switch"
        />
      </div>
    </div>
    <div>
      <div :style="{height: '45px',float: 'left',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <span
          class="ant-descriptions-title"
          style="font-size: large;font-style: normal;font-size: 15px;"
        >安全装置</span>
      </div>
      <div :style="{height: '45px',float: 'left',width: '40%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <span
          class="ant-descriptions-title"
          style="font-size: large;font-style: normal;font-size: 15px;"
        >安全、灵敏、可靠</span>
      </div>
      <div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <a-switch
          checked-children="有"
          un-checked-children="没有"
          :checked="model.result_10 == '0'"
          @change="handle10Switch(model.result_10)"
        />
      </div>
      <div :style="{height: '45px',float: 'right',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <a-switch
          checked-children="合格"
          un-checked-children="不合格"
          :checked="model.result_3 == '0'"
          @change="handle3Switch(model.result_3)"
          :hidden="model.hidden3Switch"
        />
      </div>
    </div>
    <div>
      <div :style="{height: '45px',float: 'left',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <span
          class="ant-descriptions-title"
          style="font-size: large;font-style: normal;font-size: 15px;"
        >设备外观</span>
      </div>
      <div :style="{height: '45px',float: 'left',width: '40%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <span
          class="ant-descriptions-title"
          style="font-size: large;font-style: normal;font-size: 15px;"
        >整洁</span>
      </div>
      <div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <a-switch
          checked-children="有"
          un-checked-children="没有"
          :checked="model.result_11 == '0'"
          @change="handle11Switch(model.result_11)"
        />
      </div>
      <div :style="{height: '45px',float: 'right',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <a-switch
          checked-children="合格"
          un-checked-children="不合格"
          :checked="model.result_4 == '0'"
          @change="handle4Switch(model.result_4)"
          :hidden="model.hidden4Switch"
        />
      </div>
    </div>
    <div>
      <div :style="{height: '45px',float: 'left',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <span
          class="ant-descriptions-title"
          style="font-size: large;font-style: normal;font-size: 15px;"
        >电气线路</span>
      </div>
      <div :style="{height: '45px',float: 'left',width: '40%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <span
          class="ant-descriptions-title"
          style="font-size: large;font-style: normal;font-size: 15px;"
        >线路整齐、接线正确</span>
      </div>
      <div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <a-switch
          checked-children="有"
          un-checked-children="没有"
          :checked="model.result_12 == '0'"
          @change="handle12Switch(model.result_12)"
        />
      </div>
      <div :style="{height: '45px',float: 'right',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <a-switch
          checked-children="合格"
          un-checked-children="不合格"
          :checked="model.result_5 == '0'"
          @change="handle5Switch(model.result_5)"
          :hidden="model.hidden5Switch"
        />
      </div>
    </div>
    <div>
      <div :style="{height: '45px',float: 'left',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <span
          class="ant-descriptions-title"
          style="font-size: large;font-style: normal;font-size: 15px;"
        >检查各紧固装置</span>
      </div>
      <div :style="{height: '45px',float: 'left',width: '40%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <span
          class="ant-descriptions-title"
          style="font-size: large;font-style: normal;font-size: 15px;"
        >无松动</span>
      </div>
      <div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <a-switch
          checked-children="有"
          un-checked-children="没有"
          :checked="model.result_13 == '0'"
          @change="handle13Switch(model.result_13)"
        />
      </div>
      <div :style="{height: '45px',float: 'right',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <a-switch
          checked-children="合格"
          un-checked-children="不合格"
          :checked="model.result_6 == '0'"
          @change="handle6Switch(model.result_6)"
          :hidden="model.hidden6Switch"
        />
      </div>
    </div>
    <div>
      <div :style="{height: '45px',float: 'left',width: '70%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '50%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <span
          class="ant-descriptions-title"
          style="font-size: large;font-style: normal;font-size: 15px;float: center"
        >是否满足生产加工要求</span>
      </div>
      <div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
      <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <a-switch
          checked-children="有"
          un-checked-children="没有"
          :checked="model.result_14 == '0'"
          @change="handle14Switch(model.result_14)"
        />
      </div>
      <div :style="{height: '45px',float: 'right',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
        <a-switch
          checked-children="合格"
          un-checked-children="不合格"
          :checked="model.result_7 == '0'"
          @change="handle7Switch(model.result_7)"
          :hidden="model.hidden7Switch"
        />
      </div>
    </div>
@@ -533,6 +598,85 @@
      this.model = Object.assign({}, this.model);
    },
    handle8Switch(result_8) {
      if ('0' == result_8) {
        this.model.result_8 = '1'
        this.model.hidden1Switch = true
      } else {
        this.model.result_8 = '0'
        this.model.hidden1Switch = false
      }
      this.model = Object.assign({}, this.model);
    },
    handle9Switch(result_9) {
      if ('0' == result_9) {
        this.model.result_9 = '1'
        this.model.hidden2Switch = true
      } else {
        this.model.result_9 = '0'
        this.model.hidden2Switch = false
      }
      this.model = Object.assign({}, this.model);
    },
    handle10Switch(result_10) {
      if ('0' == result_10) {
        this.model.result_10 = '1'
        this.model.hidden3Switch = true
      } else {
        this.model.result_10 = '0'
        this.model.hidden3Switch = false
      }
      this.model = Object.assign({}, this.model);
    },
    handle11Switch(result_11) {
      if ('0' == result_11) {
        this.model.result_11 = '1'
        this.model.hidden4Switch = true
      } else {
        this.model.result_11 = '0'
        this.model.hidden4Switch = false
      }
      this.model = Object.assign({}, this.model);
    },
    handle12Switch(result_12) {
      if ('0' == result_12) {
        this.model.result_12 = '1'
        this.model.hidden5Switch = true
      } else {
        this.model.result_12 = '0'
        this.model.hidden5Switch = false
      }
      this.model = Object.assign({}, this.model);
    },
    handle13Switch(result_13) {
      if ('0' == result_13) {
        this.model.result_13 = '1'
        this.model.hidden6Switch = true
      } else {
        this.model.result_13 = '0'
        this.model.hidden6Switch = false
      }
      this.model = Object.assign({}, this.model);
    },
    handle14Switch(result_14) {
      if ('0' == result_14) {
        this.model.result_14 = '1'
        this.model.hidden7Switch = true
      } else {
        this.model.result_14 = '0'
        this.model.hidden7Switch = false
      }
      this.model = Object.assign({}, this.model);
    },
  },
}
</script>