【更新】更新前端一些代码格式
This commit is contained in:
parent
353f420364
commit
5b83e443b6
@ -8,7 +8,6 @@
|
|||||||
@cancel="handleCancel"
|
@cancel="handleCancel"
|
||||||
>
|
>
|
||||||
<a-spin :spinning="confirmLoading">
|
<a-spin :spinning="confirmLoading">
|
||||||
|
|
||||||
<a-form :form="form">
|
<a-form :form="form">
|
||||||
<a-form-item
|
<a-form-item
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
@ -25,7 +24,6 @@
|
|||||||
>
|
>
|
||||||
<a-input placeholder="请输入应用名称" v-decorator="['name', {rules: [{required: true, message: '请输入应用名称!'}]}]" />
|
<a-input placeholder="请输入应用名称" v-decorator="['name', {rules: [{required: true, message: '请输入应用名称!'}]}]" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
|
||||||
<a-form-item
|
<a-form-item
|
||||||
label="唯一编码"
|
label="唯一编码"
|
||||||
:labelCol="labelCol"
|
:labelCol="labelCol"
|
||||||
@ -34,16 +32,12 @@
|
|||||||
>
|
>
|
||||||
<a-input placeholder="请输入唯一编码" v-decorator="['code', {rules: [{required: true, message: '请输入唯一编码!'}]}]" />
|
<a-input placeholder="请输入唯一编码" v-decorator="['code', {rules: [{required: true, message: '请输入唯一编码!'}]}]" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
|
||||||
</a-form>
|
</a-form>
|
||||||
|
|
||||||
</a-spin>
|
</a-spin>
|
||||||
</a-modal>
|
</a-modal>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { sysAppAdd } from '@/api/modular/system/appManage'
|
import { sysAppAdd } from '@/api/modular/system/appManage'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
@ -61,13 +55,11 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
||||||
// 初始化方法
|
// 初始化方法
|
||||||
add () {
|
add () {
|
||||||
this.visible = true
|
this.visible = true
|
||||||
this.form.getFieldDecorator('active', { initialValue: 'N' })
|
this.form.getFieldDecorator('active', { initialValue: 'N' })
|
||||||
},
|
},
|
||||||
|
|
||||||
handleSubmit () {
|
handleSubmit () {
|
||||||
const { form: { validateFields } } = this
|
const { form: { validateFields } } = this
|
||||||
this.confirmLoading = true
|
this.confirmLoading = true
|
||||||
|
@ -8,7 +8,6 @@
|
|||||||
@cancel="handleCancel"
|
@cancel="handleCancel"
|
||||||
>
|
>
|
||||||
<a-spin :spinning="confirmLoading">
|
<a-spin :spinning="confirmLoading">
|
||||||
|
|
||||||
<a-form :form="form" >
|
<a-form :form="form" >
|
||||||
<a-form-item
|
<a-form-item
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
@ -24,7 +23,6 @@
|
|||||||
>
|
>
|
||||||
<a-input v-decorator="['active']" />
|
<a-input v-decorator="['active']" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
|
||||||
<a-form-item
|
<a-form-item
|
||||||
label="应用名称"
|
label="应用名称"
|
||||||
:labelCol="labelCol"
|
:labelCol="labelCol"
|
||||||
@ -33,7 +31,6 @@
|
|||||||
>
|
>
|
||||||
<a-input placeholder="请输入应用名称" v-decorator="['name', {rules: [{required: true, message: '请输入应用名称!'}]}]" />
|
<a-input placeholder="请输入应用名称" v-decorator="['name', {rules: [{required: true, message: '请输入应用名称!'}]}]" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
|
||||||
<a-form-item
|
<a-form-item
|
||||||
label="唯一编码"
|
label="唯一编码"
|
||||||
:labelCol="labelCol"
|
:labelCol="labelCol"
|
||||||
@ -43,14 +40,11 @@
|
|||||||
<a-input placeholder="请输入唯一编码" v-decorator="['code', {rules: [{required: true, message: '请输入唯一编码!'}]}]" />
|
<a-input placeholder="请输入唯一编码" v-decorator="['code', {rules: [{required: true, message: '请输入唯一编码!'}]}]" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-form>
|
</a-form>
|
||||||
|
|
||||||
</a-spin>
|
</a-spin>
|
||||||
</a-modal>
|
</a-modal>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { sysAppEdit } from '@/api/modular/system/appManage'
|
import { sysAppEdit } from '@/api/modular/system/appManage'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
@ -69,7 +63,6 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
||||||
// 初始化方法
|
// 初始化方法
|
||||||
edit (record) {
|
edit (record) {
|
||||||
this.visible = true
|
this.visible = true
|
||||||
@ -84,7 +77,6 @@
|
|||||||
)
|
)
|
||||||
}, 100)
|
}, 100)
|
||||||
},
|
},
|
||||||
|
|
||||||
handleSubmit () {
|
handleSubmit () {
|
||||||
const { form: { validateFields } } = this
|
const { form: { validateFields } } = this
|
||||||
this.confirmLoading = true
|
this.confirmLoading = true
|
||||||
|
@ -42,36 +42,29 @@
|
|||||||
<span slot="status" slot-scope="text">
|
<span slot="status" slot-scope="text">
|
||||||
{{ statusFilter(text) }}
|
{{ statusFilter(text) }}
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<span slot="action" slot-scope="text, record">
|
<span slot="action" slot-scope="text, record">
|
||||||
<a v-if="hasPerm('sysApp:edit')" @click="$refs.editForm.edit(record)">编辑</a>
|
<a v-if="hasPerm('sysApp:edit')" @click="$refs.editForm.edit(record)">编辑</a>
|
||||||
<a-divider type="vertical" v-if="hasPerm('sysApp:edit') & hasPerm('sysApp:delete')" />
|
<a-divider type="vertical" v-if="hasPerm('sysApp:edit') & hasPerm('sysApp:delete')" />
|
||||||
<a-popconfirm v-if="hasPerm('sysApp:delete')" placement="topRight" title="确认删除?" @confirm="() => sysAppDelete(record)">
|
<a-popconfirm v-if="hasPerm('sysApp:delete')" placement="topRight" title="确认删除?" @confirm="() => sysAppDelete(record)">
|
||||||
<a>删除</a>
|
<a>删除</a>
|
||||||
</a-popconfirm>
|
</a-popconfirm>
|
||||||
|
|
||||||
<a-divider type="vertical" v-if="hasPerm('sysApp:setAsDefault') & hasPerm('sysApp:delete') & record.active == 'N' || hasPerm('sysApp:edit') & hasPerm('sysApp:setAsDefault') & record.active == 'N'" />
|
<a-divider type="vertical" v-if="hasPerm('sysApp:setAsDefault') & hasPerm('sysApp:delete') & record.active == 'N' || hasPerm('sysApp:edit') & hasPerm('sysApp:setAsDefault') & record.active == 'N'" />
|
||||||
|
|
||||||
<a-popconfirm v-if="hasPerm('sysApp:setAsDefault') & record.active == 'N'" placement="topRight" title="设置为默认应用?" @confirm="() => sysDefault(record)">
|
<a-popconfirm v-if="hasPerm('sysApp:setAsDefault') & record.active == 'N'" placement="topRight" title="设置为默认应用?" @confirm="() => sysDefault(record)">
|
||||||
<a>设为默认</a>
|
<a>设为默认</a>
|
||||||
</a-popconfirm>
|
</a-popconfirm>
|
||||||
|
|
||||||
</span>
|
</span>
|
||||||
</s-table>
|
</s-table>
|
||||||
|
|
||||||
<add-form ref="addForm" @ok="handleOk" />
|
<add-form ref="addForm" @ok="handleOk" />
|
||||||
<edit-form ref="editForm" @ok="handleOk" />
|
<edit-form ref="editForm" @ok="handleOk" />
|
||||||
</a-spin>
|
</a-spin>
|
||||||
</a-card>
|
</a-card>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { STable } from '@/components'
|
import { STable } from '@/components'
|
||||||
import { getAppPage, sysAppDelete, sysAppSetAsDefault } from '@/api/modular/system/appManage'
|
import { getAppPage, sysAppDelete, sysAppSetAsDefault } from '@/api/modular/system/appManage'
|
||||||
import { sysDictTypeDropDown } from '@/api/modular/system/dictManage'
|
import { sysDictTypeDropDown } from '@/api/modular/system/dictManage'
|
||||||
import editForm from './editForm'
|
import editForm from './editForm'
|
||||||
import addForm from './addForm'
|
import addForm from './addForm'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
STable,
|
STable,
|
||||||
@ -125,7 +118,6 @@
|
|||||||
activeDict: []
|
activeDict: []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
created () {
|
created () {
|
||||||
this.sysDictTypeDropDown()
|
this.sysDictTypeDropDown()
|
||||||
if (this.hasPerm('sysApp:edit') || this.hasPerm('sysApp:delete') || this.hasPerm('sysApp:setAsDefault')) {
|
if (this.hasPerm('sysApp:edit') || this.hasPerm('sysApp:delete') || this.hasPerm('sysApp:setAsDefault')) {
|
||||||
@ -137,7 +129,6 @@
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
activeFilter (active) {
|
activeFilter (active) {
|
||||||
// eslint-disable-next-line eqeqeq
|
// eslint-disable-next-line eqeqeq
|
||||||
@ -153,7 +144,6 @@
|
|||||||
return values[0].value
|
return values[0].value
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 获取字典数据
|
* 获取字典数据
|
||||||
*/
|
*/
|
||||||
@ -165,11 +155,9 @@
|
|||||||
this.statusDict = res.data
|
this.statusDict = res.data
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
handleOk () {
|
handleOk () {
|
||||||
this.$refs.table.refresh()
|
this.$refs.table.refresh()
|
||||||
},
|
},
|
||||||
|
|
||||||
sysDefault (record) {
|
sysDefault (record) {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
sysAppSetAsDefault({ id: record.id }).then((res) => {
|
sysAppSetAsDefault({ id: record.id }).then((res) => {
|
||||||
@ -207,12 +195,10 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|
||||||
.table-operator {
|
.table-operator {
|
||||||
margin-bottom: 18px;
|
margin-bottom: 18px;
|
||||||
}
|
}
|
||||||
button {
|
button {
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
@ -17,7 +17,6 @@
|
|||||||
>
|
>
|
||||||
<a-input placeholder="请输入参数名称" v-decorator="['name', {rules: [{required: true, message: '请输入参数名称!'}]}]" />
|
<a-input placeholder="请输入参数名称" v-decorator="['name', {rules: [{required: true, message: '请输入参数名称!'}]}]" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
|
||||||
<a-form-item
|
<a-form-item
|
||||||
label="唯一编码"
|
label="唯一编码"
|
||||||
:labelCol="labelCol"
|
:labelCol="labelCol"
|
||||||
@ -26,7 +25,6 @@
|
|||||||
>
|
>
|
||||||
<a-input placeholder="请输入唯一编码" v-decorator="['code', {rules: [{required: true, message: '请输入唯一编码!'}]}]" />
|
<a-input placeholder="请输入唯一编码" v-decorator="['code', {rules: [{required: true, message: '请输入唯一编码!'}]}]" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
|
||||||
<a-form-item
|
<a-form-item
|
||||||
label="系统参数"
|
label="系统参数"
|
||||||
:labelCol="labelCol"
|
:labelCol="labelCol"
|
||||||
@ -37,7 +35,6 @@
|
|||||||
<a-radio-button value="N" > 否 </a-radio-button>
|
<a-radio-button value="N" > 否 </a-radio-button>
|
||||||
</a-radio-group>
|
</a-radio-group>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
|
||||||
<a-form-item
|
<a-form-item
|
||||||
label="所属分类"
|
label="所属分类"
|
||||||
:labelCol="labelCol"
|
:labelCol="labelCol"
|
||||||
@ -48,7 +45,6 @@
|
|||||||
<a-select-option v-for="(item,index) in groupCodeList" :key="index" :value="item.code" >{{ item.value }}</a-select-option>
|
<a-select-option v-for="(item,index) in groupCodeList" :key="index" :value="item.code" >{{ item.value }}</a-select-option>
|
||||||
</a-select>
|
</a-select>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
|
||||||
<a-form-item
|
<a-form-item
|
||||||
:labelCol="labelCol"
|
:labelCol="labelCol"
|
||||||
:wrapperCol="wrapperCol"
|
:wrapperCol="wrapperCol"
|
||||||
@ -56,7 +52,6 @@
|
|||||||
>
|
>
|
||||||
<a-input placeholder="请输入参数值" v-decorator="['value', {rules: [{required: true, message: '请输入参数值!'}]}]" />
|
<a-input placeholder="请输入参数值" v-decorator="['value', {rules: [{required: true, message: '请输入参数值!'}]}]" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
|
||||||
<a-form-item
|
<a-form-item
|
||||||
label="备注"
|
label="备注"
|
||||||
:labelCol="labelCol"
|
:labelCol="labelCol"
|
||||||
@ -65,13 +60,10 @@
|
|||||||
>
|
>
|
||||||
<a-textarea :rows="4" placeholder="请输入备注" v-decorator="['remark']"></a-textarea>
|
<a-textarea :rows="4" placeholder="请输入备注" v-decorator="['remark']"></a-textarea>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
|
||||||
</a-form>
|
</a-form>
|
||||||
|
|
||||||
</a-spin>
|
</a-spin>
|
||||||
</a-modal>
|
</a-modal>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { sysDictTypeDropDown, sysConfigAdd } from '@/api/modular/system/configManage'
|
import { sysDictTypeDropDown, sysConfigAdd } from '@/api/modular/system/configManage'
|
||||||
export default {
|
export default {
|
||||||
@ -98,7 +90,6 @@
|
|||||||
this.visible = true
|
this.visible = true
|
||||||
this.sysDictTypeDropDown()
|
this.sysDictTypeDropDown()
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 获取所属分类
|
* 获取所属分类
|
||||||
*/
|
*/
|
||||||
@ -108,7 +99,6 @@
|
|||||||
this.formLoading = false
|
this.formLoading = false
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
handleSubmit () {
|
handleSubmit () {
|
||||||
const { form: { validateFields } } = this
|
const { form: { validateFields } } = this
|
||||||
this.confirmLoading = true
|
this.confirmLoading = true
|
||||||
|
@ -9,7 +9,6 @@
|
|||||||
>
|
>
|
||||||
<a-spin :spinning="formLoading">
|
<a-spin :spinning="formLoading">
|
||||||
<a-form :form="form">
|
<a-form :form="form">
|
||||||
|
|
||||||
<a-form-item
|
<a-form-item
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
:labelCol="labelCol"
|
:labelCol="labelCol"
|
||||||
@ -18,7 +17,6 @@
|
|||||||
>
|
>
|
||||||
<a-input v-decorator="['id']" />
|
<a-input v-decorator="['id']" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
|
||||||
<a-form-item
|
<a-form-item
|
||||||
label="参数名称"
|
label="参数名称"
|
||||||
:labelCol="labelCol"
|
:labelCol="labelCol"
|
||||||
@ -27,7 +25,6 @@
|
|||||||
>
|
>
|
||||||
<a-input placeholder="请输入参数名称" v-decorator="['name', {rules: [{required: true, message: '请输入参数名称!'}]}]" />
|
<a-input placeholder="请输入参数名称" v-decorator="['name', {rules: [{required: true, message: '请输入参数名称!'}]}]" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
|
||||||
<a-form-item
|
<a-form-item
|
||||||
label="唯一编码"
|
label="唯一编码"
|
||||||
:labelCol="labelCol"
|
:labelCol="labelCol"
|
||||||
@ -36,7 +33,6 @@
|
|||||||
>
|
>
|
||||||
<a-input placeholder="请输入唯一编码" :disabled="editDisabled" v-decorator="['code', {rules: [{required: true, message: '请输入唯一编码!'}]}]" />
|
<a-input placeholder="请输入唯一编码" :disabled="editDisabled" v-decorator="['code', {rules: [{required: true, message: '请输入唯一编码!'}]}]" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
|
||||||
<a-form-item
|
<a-form-item
|
||||||
label="系统参数"
|
label="系统参数"
|
||||||
:labelCol="labelCol"
|
:labelCol="labelCol"
|
||||||
@ -47,7 +43,6 @@
|
|||||||
<a-radio-button value="N" > 否 </a-radio-button>
|
<a-radio-button value="N" > 否 </a-radio-button>
|
||||||
</a-radio-group>
|
</a-radio-group>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
|
||||||
<a-form-item
|
<a-form-item
|
||||||
label="所属分类"
|
label="所属分类"
|
||||||
:labelCol="labelCol"
|
:labelCol="labelCol"
|
||||||
@ -58,7 +53,6 @@
|
|||||||
<a-select-option v-for="(item,index) in groupCodeList" :key="index" :value="item.code" >{{ item.value }}</a-select-option>
|
<a-select-option v-for="(item,index) in groupCodeList" :key="index" :value="item.code" >{{ item.value }}</a-select-option>
|
||||||
</a-select>
|
</a-select>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
|
||||||
<a-form-item
|
<a-form-item
|
||||||
:labelCol="labelCol"
|
:labelCol="labelCol"
|
||||||
:wrapperCol="wrapperCol"
|
:wrapperCol="wrapperCol"
|
||||||
@ -67,7 +61,6 @@
|
|||||||
>
|
>
|
||||||
<a-input placeholder="请输入参数值" v-decorator="['value', {rules: [{required: true, message: '请输入参数值!'}]}]" />
|
<a-input placeholder="请输入参数值" v-decorator="['value', {rules: [{required: true, message: '请输入参数值!'}]}]" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
|
||||||
<a-form-item
|
<a-form-item
|
||||||
label="备注"
|
label="备注"
|
||||||
:labelCol="labelCol"
|
:labelCol="labelCol"
|
||||||
@ -76,16 +69,12 @@
|
|||||||
>
|
>
|
||||||
<a-textarea :rows="4" placeholder="请输入备注" v-decorator="['remark']"></a-textarea>
|
<a-textarea :rows="4" placeholder="请输入备注" v-decorator="['remark']"></a-textarea>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
|
||||||
</a-form>
|
</a-form>
|
||||||
|
|
||||||
</a-spin>
|
</a-spin>
|
||||||
</a-modal>
|
</a-modal>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { sysDictTypeDropDown, sysConfigEdit } from '@/api/modular/system/configManage'
|
import { sysDictTypeDropDown, sysConfigEdit } from '@/api/modular/system/configManage'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
@ -128,7 +117,6 @@
|
|||||||
}
|
}
|
||||||
this.sysDictTypeDropDown()
|
this.sysDictTypeDropDown()
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 获取所属分类
|
* 获取所属分类
|
||||||
*/
|
*/
|
||||||
@ -138,7 +126,6 @@
|
|||||||
this.formLoading = false
|
this.formLoading = false
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
handleSubmit () {
|
handleSubmit () {
|
||||||
const { form: { validateFields } } = this
|
const { form: { validateFields } } = this
|
||||||
this.confirmLoading = true
|
this.confirmLoading = true
|
||||||
|
@ -185,10 +185,8 @@
|
|||||||
this.selectedRows = selectedRows
|
this.selectedRows = selectedRows
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less">
|
<style lang="less">
|
||||||
.table-operator {
|
.table-operator {
|
||||||
margin-bottom: 18px;
|
margin-bottom: 18px;
|
||||||
@ -196,5 +194,4 @@
|
|||||||
button {
|
button {
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user