收集资料配置修改

史敦盼
Commit a4fc00eb authored Jun 24, 2024 by 史敦盼
Showing with 89 additions and 50 deletions
src/components/TableConfig.vue
src/views/archiViewConfig/index.vue
src/views/collectDataConfiguration/Detail.vue
src/views/collectDataConfiguration/TableConfig.vue
--- a/src/components/TableConfig.vue
+++ b/src/components/TableConfig.vue
@@ -4,7 +4,7 @@
 * @Autor: pan
 * @Date: 2024-03-11 14:53:40
 * @LastEditors: pan
- * @LastEditTime: 2024-06-19 17:25:07
+ * @LastEditTime: 2024-06-24 09:39:43
 -->
 <!-- 示例
 columns: [{ label: '头像', prop: 'avatar', align: 'center', __slotName: 'avatar',callback: (row, title) => {
@@ -81,18 +81,28 @@
              v-for="items in item.actionButtons"
              :key="items.title"
              v-bind="items"
-              :icon="typeof items.icon == 'function' ? items.icon(scope.row) : items.icon"
+              :icon="
+                typeof items.icon == 'function'
+                  ? items.icon(scope.row)
+                  : items.icon
+              "
              :disabled="
                items.disabledCallback
                  ? items.disabledCallback(scope.row, items.title)
                  : false
              "
-              @click="item.callback(scope.row, items.title ? items.title : 'titleChange')"
+              @click="
+                item.callback(
+                  scope.row,
+                  items.title ? items.title : 'titleChange',
+                )
+              "
            >
-              <span v-if="items.titleChange">{{items.titleChange(scope.row, items)}}</span>
+              <span v-if="items.titleChange">{{
+                items.titleChange(scope.row, items)
+              }}</span>
              <span v-else-if="!items.circle">{{ items.title }}</span>
-              </el-button
+            </el-button>
-            >
          </template>
        </el-table-column>
        <!-- 普通渲染 -->
@@ -206,9 +216,13 @@ export default {
        return [10, 20, 50, 100, 200]
      },
    },
+    queryImmediate: {
+      type: Boolean,
+      default: true,
+    },
  },
  components: {
-    Functional
+    Functional,
  },
  data() {
    return {
@@ -235,7 +249,9 @@ export default {
    },
  },
  created() {
+    if (this.queryImmediate) {
      this.queryData()
+    }
  },
  methods: {
    indexMethod(index) {

--- a/src/views/archiViewConfig/index.vue
+++ b/src/views/archiViewConfig/index.vue
--- a/src/views/collectDataConfiguration/Detail.vue
+++ b/src/views/collectDataConfiguration/Detail.vue
@@ -4,6 +4,7 @@
    :visible.sync="showDialog"
    width="80%"
    @close="handleClose()"
+    @open="handleOpen()"
  >
    <table-config
      ref="searchTable"
@@ -11,10 +12,17 @@
      :columns="columns"
      id-key="elementId"
      @selection-change="selectionChange"
+      :query-immediate="false"
    >
    </table-config>
    <span slot="footer" class="dialog-footer">
-      <el-button v-if="title == '督查清单'" type="primary" @click="handleSubmit" size="mini" >保 存</el-button >
+      <el-button
+        v-if="title == '督查清单'"
+        type="primary"
+        @click="handleSubmit"
+        size="mini"
+        >保 存</el-button
+      >
      <el-button @click="handleClose()" size="mini">取 消</el-button>
    </span>
  </el-dialog>
@@ -41,43 +49,40 @@ export default {
    },
  },
  watch: {
-        prjCodeDetail(v){
+    // prjCodeDetail(v){
-            this.query.queryParam.prjCode = v
+    //     this.query.queryParam.prjCode = v
-            this.search()
+    //     this.search()
+    // },
  },
-    },
+  data() {
-    data(){
    return {
      query: {
        url: collectDataConfiguration,
        method: 'post',
        queryParam: {
-                    prjCode: ''
+          prjCode: '',
        },
      },
-            selectId: ''
+      selectId: '',
    }
  },
  computed: {
    columns() {
      let arr = [
-                { label: '序号', type: 'index', prop: '序号',width: '80px' },
+        { label: '序号', type: 'index', prop: '序号', width: '80px' },
        { label: '单位', prop: 'manageDeptName', width: '150px' },
-                { label: '项目名称', prop: 'prjName',  },
+        { label: '项目名称', prop: 'prjName' },
        { label: '项目经理', prop: 'projectManager', width: '200px' },
      ]
-            if(this.title != '督查清单'){
+      if (this.title != '督查清单') {
        arr = [
-                    { label: '序号', type: 'index',prop: '序号', width: '80px' },
+          { label: '序号', type: 'index', prop: '序号', width: '80px' },
          { label: '单位', prop: 'manageDeptName', width: '150px' },
-                    { label: '项目名称', prop: 'prjName',  },
+          { label: '项目名称', prop: 'prjName' },
          { label: '项目经理', prop: 'projectManager', width: '200px' },
        ]
-            }else{
+      } else {
-                arr = [
+        arr = [{ type: 'selection', prop: 'selection', width: '55px' }, ...arr]
-                    { type: 'selection',prop: 'selection', width: '55px' },
-                    ...arr,
-                ]
      }
      return [...arr]
    },
@@ -88,35 +93,40 @@ export default {
      set(value) {
        this.$emit('update:visible', value)
      },
-        }
+    },
  },
  methods: {
    handleClose() {
      this.showDialog = false
+      this.query.queryParam.prjCode = ''
    },
-        async search(){
+    handleOpen() {
+      this.query.queryParam.prjCode = this.prjCodeDetail
+      this.search()
+    },
+    async search() {
      this.$nextTick(() => {
        this.$refs.searchTable.queryData()
      })
    },
    selectionChange(data) {
      let idArr = []
-            data.forEach(item => {
+      data.forEach((item) => {
        idArr.push(item.prjCode)
      })
      this.selectId = idArr.join(',')
    },
-        handleSubmit(){
+    handleSubmit() {
      this.$emit('selectTabel', this.selectId)
      this.handleClose()
-        }
+    },
-    }
+  },
 }
 </script>
 <style lang="scss" scoped>
 @import '@/styles/elementui.scss';
-::v-deep .el-dialog__body{
+::v-deep .el-dialog__body {
  height: 36vh;
 }
 </style>
--- a/src/views/collectDataConfiguration/TableConfig.vue
+++ b/src/views/collectDataConfiguration/TableConfig.vue
@@ -4,7 +4,7 @@
 * @Autor: pan
 * @Date: 2024-03-11 14:53:40
 * @LastEditors: pan
- * @LastEditTime: 2024-03-22 17:17:18
+ * @LastEditTime: 2024-06-24 09:40:41
 -->
 <!-- 示例
 columns: [{ label: '头像', prop: 'avatar', align: 'center', __slotName: 'avatar',callback: (row, title) => {
@@ -87,12 +87,18 @@
                  ? items.disabledCallback(scope.row, items.title)
                  : false
              "
-              @click="item.callback(scope.row, items.title ? items.title : 'titleChange')"
+              @click="
+                item.callback(
+                  scope.row,
+                  items.title ? items.title : 'titleChange',
+                )
+              "
            >
-              <span v-if="items.titleChange">{{items.titleChange(scope.row, items.title)}}</span>
+              <span v-if="items.titleChange">{{
+                items.titleChange(scope.row, items.title)
+              }}</span>
              <span v-else-if="!items.circle">{{ items.title }}</span>
-              </el-button
+            </el-button>
-            >
          </template>
        </el-table-column>
        <!-- 普通渲染 -->
@@ -196,6 +202,10 @@ export default {
        return [10, 20, 50, 100, 200]
      },
    },
+    queryImmediate: {
+      type: Boolean,
+      default: true,
+    },
  },
  data() {
    return {
@@ -222,7 +232,9 @@ export default {
    },
  },
  created() {
+    if (this.queryImmediate) {
      this.queryData()
+    }
  },
  methods: {
    indexMethod(index) {
@@ -233,17 +245,18 @@ export default {
    clearSelection() {
      this.$refs.tableConfig.clearSelection()
    },
-    handleToText(item, state='') {
+    handleToText(item, state = '') {
-      if(!state && typeof state != 'number') return 
+      if (!state && typeof state != 'number') return
-      if(typeof state != 'number' && state.indexOf(',') > -1){
+      if (typeof state != 'number' && state.indexOf(',') > -1) {
        let stateVal = state.split(',')
        let labelValue = ''
-          stateVal.forEach(valItem => {
+        stateVal.forEach((valItem) => {
          const arr = item.options.find((v) => v.value == valItem) || {}
          labelValue += `,${arr.label}`
-          });
+        })
        return labelValue.slice(1, labelValue.length)
-      }{
+      }
+      {
        let val = state
        // if (!val) {
        //   val = item.emptyToNum || 0
@@ -301,13 +314,13 @@ export default {
        } finally {
          this.loading = false
          // console.log('result', result)
-          if(result.data){
+          if (result.data) {
            const { data } = result
            if (result && result.code === 200) {
-               if(data instanceof Array){
+              if (data instanceof Array) {
                // this.pagination.totalRow = data.total
                this.tableData = data
-                }else{
+              } else {
                this.pagination.totalRow = data.total
                this.tableData = data.records
              }
@@ -321,7 +334,7 @@ export default {
              this.pagination.current = 1
              this.pagination.totalRow = 0
            }
-          }else{
+          } else {
            const data = result
            this.pagination.totalRow = data.total
            this.tableData = data.records
@@ -344,9 +357,9 @@ export default {
        }
      }
    },
-    tableRowClass(val){
+    tableRowClass(val) {
      // console.log(val, 'tableRowClass');
-      if(val.row.remind && val.row.remind == '1'){
+      if (val.row.remind && val.row.remind == '1') {
        return 'remindRed'
      }
    },
@@ -366,7 +379,7 @@ export default {
    margin-top: 20px;
    margin-bottom: 30px;
  }
-  /deep/ .remindRed{
+  /deep/ .remindRed {
    color: red !important;
  }
 }