固定资产弹窗

src/views/activiti/form/demoForm2.vue

@@ -51,6 +51,7 @@
       </div>
     </a-card>
     <personnel-files-modal ref="personnelFilesModal" @close="closeP"></personnel-files-modal>
+    <fixed-zy-modal ref="FixedZyModal" @close="closeP"></fixed-zy-modal>
   </div>
 </template>
 
@@ -58,6 +59,7 @@
 import pick from 'lodash.pick'
 import todoManageOperation from '../operation/todoManageOperation'
 import PersonnelFilesModal from './personnelFilesModal'
+import FixedZyModal from './fixedZyModal'
 import { postAction, postFormDataAction } from '@/api/manage'
 import moment from 'moment'
 export default {
@@ -83,7 +85,8 @@ export default {
     components: {
         todoManageOperation,
         moment,
-        PersonnelFilesModal
+        PersonnelFilesModal,
+        FixedZyModal
     },
     data () {
         return {
@@ -136,6 +139,10 @@ export default {
                 console.log(newName)
                 console.log(oldName)
                 newName.handle = this.funName1
+                newName.fixed_zy = this.fixedZy
+                newName.fixed_gh =this.fixedGh
+                newName.fixed_db=this.fixedDb
+                newName.fixed_bf=this.fixedBf
             },
             immediate: true,
             deep: true
@@ -245,6 +252,27 @@ export default {
         })
     },
     methods: {
+        fixedZy(){
+            this.$refs.FixedZyModal.fixedZyModVis = true
+            this.$refs.FixedZyModal.personLists('转移')
+            this.$refs.FixedZyModal.sat = '转移'
+
+        },
+        fixedGh(){
+            this.$refs.FixedZyModal.fixedZyModVis = true
+            this.$refs.FixedZyModal.personLists('归还')
+            this.$refs.FixedZyModal.sat = '归还'
+        },
+        fixedDb(){
+            this.$refs.FixedZyModal.fixedZyModVis = true
+            this.$refs.FixedZyModal.personLists('调拨')
+            this.$refs.FixedZyModal.sat = '调拨'
+        },
+        fixedBf(){
+            this.$refs.FixedZyModal.fixedZyModVis = true
+            this.$refs.FixedZyModal.personLists('报废')
+            this.$refs.FixedZyModal.sat = '报废'
+        },
         closeP(value){
              var that = this
             this.cvarr.map(item=>{
@@ -406,7 +434,6 @@ export default {
             }
         },
         defualtData(item){
-
                            if(item[1].label =='today'){
                                item[0].value =moment(new Date()).format('YYYY-MM-DD')
                                var that = this

src/views/activiti/form/fixedZyModal.vue

@@ -0,0 +1,295 @@
+<template>
+  <div id="fixedZyModal">
+    <a-modal
+      title=""
+      v-model="fixedZyModVis"
+      @cancel="handleCancel"
+      width="80%"
+      style="top:330px;left:100px;"
+    >
+
+      <!-- 増行 子表 -->
+      <a-card :bordered="false" style="margin:10px 0">
+        <!-- 子表 -->
+          <a-form-model ref="formRef">
+            <a-table
+              v-if="fixedZyData"
+              bordered
+              rowKey="id"
+              :columns="fixedZyColumns"
+              :data-source="fixedZyData"
+              :rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
+              :pagination="false"
+               :scroll="{x:2100,y: 300}"
+            >
+              
+            </a-table>
+          </a-form-model>
+      </a-card>
+
+      <!-- 页面底部保存取消 -->
+      <div
+        :style="{
+          position: 'absolute',
+          right: 0,
+          bottom: 0,
+          width: '100%',
+          borderTop: '1px solid #e9e9e9',
+          padding: '10px 16px',
+          background: '#fff',
+          textAlign: 'right',
+          zIndex: 1
+        }"
+      >
+        <a-popconfirm title="确定放弃？" @confirm="close" okText="确定" cancelText="取消">
+          <a-button :style="{ marginRight: '8px' }">返回</a-button>
+        </a-popconfirm>
+        <a-button type="primary" @click="addSave">
+          确认
+        </a-button>
+      </div>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+import JEllipsis from '@/components/jeecg/JEllipsis'
+import moment from 'moment'
+import {getFixedZy} from '@api/oa/cd-personnel-files'
+
+export default {
+  name: 'FixedZyModal', // 报关要素
+  mixins: [JeecgListMixin],
+  components: { JEllipsis, moment },
+
+  data() {
+    let ellipsis = (v, l = 20) => <j-ellipsis value={v} length={l} /> // 省略
+
+    return {
+      loading: false, // 表格加载
+      pushState: false, //是否推送
+      // 子表表头
+      fixedZyColumns: [ 
+        {
+          title: '入库单号',
+          dataIndex: 'realname',
+          width: 140,
+          ellipsis: true,
+          className: 'replacecolor'
+        },
+        {
+          title: '资产类别',
+          dataIndex: 'assetsCategory',
+          width: 140,
+          ellipsis: true,
+          className: 'replacecolor'
+        },
+         {
+          title: '资产编号',
+          dataIndex: 'assetNumber',
+          width: 130,
+          ellipsis: true,
+          className: 'replacecolor'
+        },
+        {
+          title: '资产名称',
+          dataIndex: 'assetName',
+          width: 130,
+          ellipsis: true,
+          className: 'replacecolor'
+        },
+
+        {
+          title: '规则型号',
+          dataIndex: 'specificationsModels',
+          width: 130,
+          ellipsis: true,
+          className: 'replacecolor'
+        },
+        {
+          title: '品牌',
+          dataIndex: 'brand',
+          width: 120,
+          ellipsis: true,
+          className: 'replacecolor'
+        },
+        {
+          title: '单位',
+          dataIndex: 'unit',
+          width: 120,
+          ellipsis: true,
+          className: 'replacecolor'
+        },
+        {
+          title: '价值',
+          dataIndex: 'unitPrice',
+          ellipsis: true,
+          width: 180,
+          className: 'replacecolor'
+        },
+        {
+          title: '购置日期',
+          dataIndex: 'acquisitionDate',
+          width: 120,
+          ellipsis: true,
+          className: 'replacecolor'
+        },
+        {
+          title: '厂家',
+          dataIndex: 'manufacturer',
+          width: 120,
+          ellipsis: true,
+          className: 'replacecolor'
+        },
+         {
+          title: '使用部门',
+          dataIndex: 'useDepartment',
+          width: 120,
+          ellipsis: true,
+          className: 'replacecolor'
+        },
+        {
+          title: '入库时间',
+          dataIndex: 'inputDate',
+          width: 90,
+          className: 'replacecolor',
+        },
+        {
+          title: '采购人',
+          dataIndex: 'purchasingStaff',
+          width: 90,
+          className: 'replacecolor',
+        },
+        {
+          title: '采购人',
+          dataIndex: 'acceptPersonnel: ',
+          width: 90,
+          className: 'replacecolor',
+        },
+        {
+          title: '其他说明',
+          dataIndex: 'otherDescription',
+          width: 90,
+          className: 'replacecolor',
+        },
+        {
+          title: '采购单号',
+          dataIndex: 'buyid',
+          width: 90,
+          className: 'replacecolor',
+        },
+        {
+          title: '资产状态',
+          dataIndex: 'assetState',
+          width: 90,
+          className: 'replacecolor',
+        },
+      ],
+      fixedZyData: [ ], // 子表信息
+      fixedZyModVis: false,
+      selectedRowKeys:[],
+      selectedRows:[],
+      sat:''
+    }
+  },
+  // 接收父组件 方法
+  props: {},
+
+  created() {  
+  },
+  methods: {
+    personLists(value){
+      getFixedZy({state:value}).then(res => {
+                    if (res.success) {
+                      this.fixedZyData = res.result
+                    }else{
+                       this.$message.error(res.message);
+                    }
+                })
+    },
+    close() {
+      this.$emit('close-declare')
+      this.fixedZyModVis = false
+      this.declareElements = {}
+      this.declareElementsData = []
+      this.selectedRowKeys = [],
+      this.sat = ''
+    },
+    handleCancel() {
+      this.close()
+    },
+    onSelectChange(keys,rows){
+      this.selectedRowKeys = keys;
+      this.selectedRows = rows;
+    },
+    addSave(){
+        if(this.selectedRowKeys.length == 0){
+          this.$message.error('请勾选数据');
+        }else if(this.selectedRowKeys.length >1){
+          this.$message.error('一次只可勾选一行数据');
+        }else{
+          if(this.sat == '转移'){
+            var data ={
+            assets_category : this.selectedRows[0].assetsCategory,
+            asset_encoding:this.selectedRows[0].assetNumber,
+            asset_name:this.selectedRows[0].assetName,
+            specifications_models:this.selectedRows[0].specificationsModels
+           }
+          }else if(this.sat == '归还'){
+            var data ={
+            assets_category : this.selectedRows[0].assetsCategory,
+            asset_encoding:this.selectedRows[0].assetNumber,
+            asset_name:this.selectedRows[0].assetName,
+            specifications_models:this.selectedRows[0].specificationsModels
+           }
+          }else if(this.sat == '调拨'){
+            var data ={
+            asset_encoding:this.selectedRows[0].assetNumber,
+            assets_category : this.selectedRows[0].assetsCategory,
+            asset_name:this.selectedRows[0].assetName,
+            specifications_models:this.selectedRows[0].specificationsModels
+           }
+          }else if(this.sat == '报废'){
+            var data ={
+            asset_encoding:this.selectedRows[0].assetNumber,
+            assets_category : this.selectedRows[0].assetsCategory,
+            asset_name:this.selectedRows[0].assetName,
+            specifications_models:this.selectedRows[0].specificationsModels
+           }
+          }
+          
+          this.$emit('close',data)
+          this.close()
+        }
+    }
+  },
+
+  computed: {}
+}
+</script>
+<style lang="less" scoped>
+/deep/ .ant-table-thead > tr > th {
+  text-align: center;
+  // font-weight: 700;
+}
+/deep/ .ant-table-tbody {
+  text-align: center;
+}
+// th.replacecolor {
+// background-color:  #ccc;
+// }
+// 对话框里的card样式
+/deep/ .ant-modal-content {
+  background-color: #f0f2f5;
+}
+/deep/ .ant-modal-body {
+  padding: 10px;
+}
+/deep/.ant-form-item{
+  margin-bottom: 0px !important;
+}
+/deep/.ant-table-scroll {
+    word-break: break-all;
+}
+</style>