项目表

wente

2023-12-08 06145c8d926ab9dcc61ca4ef61c54c0e51abe16a

项目表

 web/src/views/modules/configItemChange/ConfigItemChange-AddOrUpdate.vue

@@ -93,7 +93,7 @@
                  </template>
                </el-table-column>
              </el-table>
              <div v-if="showAddAndEdit" class="icon-container" @click="handleCommand">
              <div v-if="showAddAndEdit && !dataForm.disabled"  class="icon-container" @click="handleCommand">
                <!-- 放置固定的图标 -->
                 <i class="el-icon-plus"></i>
              </div>
@@ -284,12 +284,14 @@
        </div>
      </div>
      <add-or-update-check ref="addOrUpdate" @recall="setCheckId"/>
      <ConfigItemList ref="configItemList"></ConfigItemList>
    </el-form>
  </zt-dialog>
</template>

<script>
  import AddOrUpdateCheck from '../testCheckOrder/TestCheckOrder-AddOrUpdate'
  import ConfigItemList from './configItemList.vue'

  export default {
    data() {
@@ -359,7 +361,8 @@
    },
    computed: {},
    components: {
      AddOrUpdateCheck
      AddOrUpdateCheck,
      ConfigItemList
    },
    methods: {
      indexFormat(index) {
@@ -395,11 +398,14 @@
      //   })
      // },
      handleCommand() {
        this.dataForm.configItemList.push({})
        this.$nextTick(() => {
          const tableBody = this.$refs.tableConfigItemList.$el.querySelector('.el-table__body-wrapper')
          tableBody.scrollTop = tableBody.scrollHeight;
        this.$nextTick(()=>{
          this.$refs.configItemList.$refs.dialog.init(this.dataForm.configItemList)
        })
        // this.dataForm.configItemList.push({})
        // this.$nextTick(() => {
        //   const tableBody = this.$refs.tableConfigItemList.$el.querySelector('.el-table__body-wrapper')
        //   tableBody.scrollTop = tableBody.scrollHeight;
        // })
      },
      openCheckOrderWin(row) {
        console.log(row, "openCheckOrderWin(row)")

 web/src/views/modules/configItemChange/ConfigItemChange.vue

@@ -26,7 +26,7 @@
                <el-table-column prop="projectCode" label="项目编号"/>
                <el-table-column prop="softwareName" label="项目名称"/>
                <zt-table-column-dict prop="libraryType" label="库类型" dict="library_type"/>
              <zt-table-column-handle :table="table" edit-perm="configItemChange:update" delete-perm="configItemChange::delete"/>
              <zt-table-column-handle :table="table" delete-perm="configItemChange::delete"/>
        </el-table>
        <!-- 弹窗, 新增 / 修改 -->
        <add-or-update ref="addOrUpdate" @refreshDataList="table.query"/>

 web/src/views/modules/configItemChange/configItemList.vue

New file
@@ -0,0 +1,77 @@
<template>
  <zt-dialog ref="dialog" column="2" title="选择配置项" :hasConfirm="true" @confirm="formSubmit" :append-to-body="true">
    <el-card shadow="never" class="aui-card--fill">
      <div class="mod-project-project}">
        <zt-table-wraper ref="tableObj" v-slot="{ table }">
          <el-table
                    :data="dataList"
                    height="100px"
                    @selection-change="changeRow"
                    v-adaptive="{bottomOffset:150}"
                    border>
            <el-table-column align="center" type="selection" width="40"/>
            <el-table-column prop="no" align="center" width="60" label="序号">
              <template slot-scope="scope">
                <span v-html="indexFormat(scope.$index)"></span>
              </template>
            </el-table-column>
            <el-table-column prop="itemName" width="200" label="配置项名称">
            </el-table-column>
            <el-table-column prop="itemDentify" align="center" min-width="290" label="配置项标识">
            </el-table-column>
            <el-table-column prop="version" align="center" width="120" label="版本">
            </el-table-column>
            <el-table-column prop="retrospectVersion" label="上溯版" width="120" align="center">
            </el-table-column>
            <el-table-column prop="secretClass" label="密级" width="100" align="center">
              <template v-slot="{ row }">
                <zt-dict  :disabled="true" v-model="row.secretClass" placeholder="密级" dict="secret_class"
                          clearable></zt-dict>
              </template>
            </el-table-column>
          </el-table>
        </zt-table-wraper>
      </div>
    </el-card>
  </zt-dialog>
</template>

<script>
export default {
  name: 'configItem-list',
  data() {
    return {
      pageCode:'',
      dataList:[],
      dataForm: {
        checkBoxList:[],
      }
    }
  },
  methods: {
    init(list) {
      this.dataList= list
      this.$nextTick(()=>{
        this.$refs.tableObj.query()
      })
    },
    indexFormat(index) {
      return index += 1
    },
    changeRow(selection){
      this.dataForm.checkBoxList = selection
      console.log(this.dataForm.checkBoxList,'this.dataForm.checkList 选中的列表数据')
    },
    async formSubmit(){
      let res = await this.$http.post('/configItemWarehouse/ConfigItemWarehouse/', this.dataForm)
      await this.$tip.success()
      this.$refs.dialog.close()
    }
  },
}
</script>
<style>
.form-input-width-1 .el-form-item > .el-form-item__content .el-input {
  width: 150px;
}
</style>

 web/src/views/modules/configItemWarehouse/ConfigItemWarehouse-AddOrUpdate.vue

@@ -93,7 +93,7 @@
                  </template>
                </el-table-column>
              </el-table>
              <div v-if="showAddAndEdit" class="icon-container">
              <div v-if="showAddAndEdit && !dataForm.disabled" class="icon-container">
                <el-dropdown @command="handleCommand">
                  <span class="el-dropdown-link">
                    <i class="el-icon-plus"></i>