1.列展示设置 静态框架初步搭建完成

loulijun2021

2023-01-04 0b1837e9b6d1ac8825e9c1acf6f0cd5b2b14a897

 src/views/zlgl/gxjyjl.vue

@@ -13,10 +13,10 @@
          :model="form"
          label-width="100px"
          inline
          style="display: flex;justify-content: space-between"
          style="display: flex;"
        >
          <div class="elForm">
            <el-form-item label-width="70px" label="工单编号" style=" display: flex;">
            <el-form-item label="工单编号" style=" display: flex;">
              <el-input v-model="form.wocode" placeholder="请输入" style="width: 200px" />
            </el-form-item>
            <el-form-item label="产品编码" style=" display: flex;">
@@ -28,7 +28,7 @@
            <el-form-item label="规格型号" style=" display: flex;">
              <el-input v-model="form.partapec" placeholder="请输入" style="width: 200px" />
            </el-form-item>
            <el-form-item v-show="isExpandForm" label-width="70px" label="工序名称" style=" display: flex;">
            <el-form-item v-show="isExpandForm" label="工序名称" style=" display: flex;">
              <el-input v-model="form.stepname" placeholder="请输入" style="width: 200px" />
            </el-form-item>
            <el-form-item v-show="isExpandForm" label="标准名称" style=" display: flex;">
@@ -55,7 +55,7 @@
              </el-select>
            </el-form-item>
          </div>
          <div class="bodySearchReset" :style="{marginLeft:$store.state.app.sidebar.opened?'5%':'10%'}">
          <div class="bodySearchReset" :style="{marginLeft:$store.state.app.sidebar.opened? $store.state.settings.menuIsHorizontal?'15%':'3%':'10%'}">
            <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
            <el-button type="info" icon="el-icon-refresh" @click="reset">重置</el-button>
          </div>
@@ -187,8 +187,13 @@
            width="120"
          >
            <template slot-scope="{row}">
              <div v-if="row.check_result==='NG'"> <i class="el-icon-circle-close" style="color:red;" /> 不良</div>
              <div v-if="row.check_result==='OK'">  <i class="el-icon-circle-check" style="color: #42b983" /> 合格</div>
              <div v-if="row.check_result==='NG'">
                <i class="el-icon-info" style="margin-right: 2px" />
                不良
              </div>
              <div v-if="row.check_result==='OK'">
                <i class="el-icon-success" :style="{color:$store.state.settings.theme}" style="margin-right: 2px" />
                合格</div>
            </template>
          </el-table-column>
          <el-table-column
@@ -237,7 +242,8 @@
                <el-tooltip class="item" effect="dark" content="查看" placement="top">
                  <i
                    class="el-icon-view"
                    style="color: #42b983;cursor: pointer;margin-right: 15px;"
                    :style="{color:$store.state.settings.theme}"
                    style="cursor: pointer;margin-right: 15px;"
                    @click="check(row)"
                  />
                </el-tooltip>
@@ -313,8 +319,14 @@
            width="120"
          >
            <template slot-scope="{row}">
              <div v-if="row.check_result==='NG'"> <i class="el-icon-circle-close" style="color:red;" /> 不良</div>
              <div v-if="row.check_result==='OK'">  <i class="el-icon-circle-check" style="color: #42b983" /> 合格</div>
              <div v-if="row.check_result==='NG'">
                <i class="el-icon-info" style="margin-right: 2px" />
                不良
              </div>
              <div v-if="row.check_result==='OK'">
                <i class="el-icon-success" :style="{color:$store.state.settings.theme}" style="margin-right: 2px" />
                合格
              </div>
            </template>
          </el-table-column>
          <el-table-column