| | |
| | | <template> |
| | | <div> |
| | | <div class="body" style="background-color: #ffffff; padding: 20px 10px 0 20px;"> |
| | | <div class="body" style="background-color: #ffffff; padding: 20px 10px 0 20px;" :style="{height:mainHeight+'px'}"> |
| | | <div style="height: 50px;"> |
| | | <el-form |
| | | ref="form" |
| | |
| | | <el-input v-model="form.CuntUnitName" placeholder="请输入" style="width: calc(100%-30px)" /> |
| | | </el-form-item> |
| | | <el-form-item label="单位属性" style=" display: flex;"> |
| | | <el-select v-model="form.UnitAttr" style="width: calc(100%-30px)" placeholder="请选择"> |
| | | <el-select v-model="form.UnitAttr" filterable style="width: calc(100%-30px)" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in UnitAttrArr" |
| | | :key="item.value" |
| | |
| | | <el-input v-model="form.CreateUser" style="width: calc(100%-30px)" placeholder="请输入" /> |
| | | </el-form-item> |
| | | </div> |
| | | <div style="display: flex;align-items: start;margin-top: 5px;"> |
| | | <div style="display: flex;align-items: start;margin-top: 5px;z-index: 2"> |
| | | <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> |
| | |
| | | highlight-current-row |
| | | :header-cell-style="this.$headerCellStyle" |
| | | :cell-style="this.$cellStyle" |
| | | :style="{width: 100+'%',height:tableHeight+'px'}" |
| | | @sort-change="sortChange" |
| | | > |
| | | <!-- <el-table-column--> |
| | |
| | | <div v-else>/</div> |
| | | </template> |
| | | </el-table-column> |
| | | <!-- <template slot-scope="{row}">--> |
| | | <!-- <div v-if="row.unitattribute==='WG'">外购</div>--> |
| | | <!-- <div v-if="row.unitattribute==='WX'">外协</div>--> |
| | | <!-- <div v-if="row.unitattribute==='KH'">客户</div>--> |
| | | <!-- </template>--> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="conttacts" |
| | |
| | | @close="handleClose" |
| | | > |
| | | <el-form ref="dialogForm" inline :rules="dialogFormRules" :model="dialogForm" label-width="80px"> |
| | | |
| | | <el-form-item label="供方编码" prop="unitcode"> |
| | | <el-input v-model="dialogForm.unitcode" :disabled="operation!=='add'" style="width: 220px" /> |
| | | </el-form-item> |
| | |
| | | </el-form-item> |
| | | <el-form-item style="width: 100%" label="供方属性" prop="checkboxIsSelected"> |
| | | <el-checkbox-group v-model="dialogForm.checkboxIsSelected" @change="checkboxGroupChange"> |
| | | <el-checkbox label="外购供方" /> |
| | | <el-checkbox label="外协供方" /> |
| | | <el-checkbox label="客户" /> |
| | | <el-checkbox key="WG" value="WG" label="外购供方" /> |
| | | <el-checkbox key="WX" value="WX" label="外协供方" /> |
| | | <el-checkbox key="KH" value="KH" label="客户" /> |
| | | </el-checkbox-group> |
| | | </el-form-item> |
| | | <el-form-item label="联系人" prop="person"> |
| | |
| | | <script> |
| | | import Pagination from '@/components/Pagination' |
| | | import { |
| | | AddUpdateCurrentUnit, |
| | | AddUpdateOrganization, |
| | | CurrentUnitSearch, |
| | | DeleteOrganization, |
| | | OrganizationSearch, |
| | | PrentOrganization |
| | | AddUpdateCurrentUnit, CurrentUnitSearch, DeleteCurrentUnit |
| | | } from '@/api/jcsz' |
| | | import { getCookie } from '@/utils/auth' |
| | | |
| | | const SER_HZ = /^[\u4e00-\u9fa5]+$/ |
| | | export default { |
| | |
| | | prop: 'lm_date', // 排序字段 |
| | | order: 'desc', // 排序字段 |
| | | page: 1, // 第几页 |
| | | rows: 10 // 每页多少条 |
| | | rows: 20 // 每页多少条 |
| | | }, |
| | | UnitAttrArr: [ |
| | | { label: '外购供方', value: 'WG' }, |
| | |
| | | }, |
| | | // 复选框改变事件 |
| | | checkboxGroupChange(val) { |
| | | console.log(val) |
| | | this.dialogForm.checkboxIsSelected = val |
| | | this.dialogForm.checkboxIsSelected = this.dialogForm.checkboxIsSelected.filter(item => item !== null) |
| | | }, |
| | | // 新增按钮 |
| | | add(operation) { |
| | |
| | | this.operation = operation |
| | | this.dialogVisible = true |
| | | |
| | | this.dialogForm.id = row.id |
| | | let mtype = null |
| | | let btype = null |
| | | let htype = null |
| | | |
| | | if (row.mtype === 'WG') { |
| | | mtype = '外购供方' |
| | | } |
| | | if (row.btype === 'WX') { |
| | | btype = '外协供方' |
| | | } |
| | | if (row.htype === 'KH') { |
| | | htype = '客户' |
| | | } |
| | | |
| | | this.$nextTick(() => { |
| | | this.dialogForm.OrgCode = row.org_code |
| | | this.dialogForm.OrgName = row.org_name |
| | | this.dialogForm.SupUnit = row.parent_id |
| | | this.dialogForm.checkboxIsSelected = [btype, htype, mtype] |
| | | this.dialogForm.unitcode = row.code |
| | | this.dialogForm.unitname = row.name |
| | | this.dialogForm.person = row.conttacts |
| | | this.dialogForm.contact = row.conttphone |
| | | this.dialogForm.description = row.addr |
| | | }) |
| | | }, |
| | | // 删除按钮 |
| | |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | }).then(() => { |
| | | // DeleteOrganization({ orgid: id }).then(res => { |
| | | // if (res.code === '200') { |
| | | // this.$message.success('删除成功!') |
| | | // this.getCurrentUnitSearch() |
| | | // } |
| | | // }) |
| | | DeleteCurrentUnit({ unitid: id }).then(res => { |
| | | if (res.code === '200') { |
| | | this.$message.success('删除成功!') |
| | | this.getCurrentUnitSearch() |
| | | } |
| | | }) |
| | | }).catch(() => { |
| | | this.$message.info('已取消删除') |
| | | }) |
| | |
| | | this.dialogForm.person = '' |
| | | this.dialogForm.contact = '' |
| | | this.dialogForm.description = '' |
| | | this.dialogForm.checkboxIsSelected = [] |
| | | this.$refs.dialogForm.clearValidate() |
| | | }, |
| | | // 对话框取消 |
| | |
| | | contact: this.dialogForm.contact, |
| | | description: this.dialogForm.description, |
| | | OperType: this.operation === 'add' ? 'Add' : 'Update' |
| | | // Operator: getCookie('admin') |
| | | } |
| | | console.log(data) |
| | | // console.log(data, 2) |
| | | AddUpdateCurrentUnit(data).then(res => { |
| | | if (res.code === '200') { |
| | | this.$message.success(this.operation === 'add' ? '添加成功!' : '修改成功!') |