smart-web.git - Gitblit

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,356 @@
			<!--
			* @Date: 2024-06-23 19:58:50
			* @LastEditors: Sneed
			* @LastEditTime: 2024-06-23 21:07:31
			* @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/console/basic-data/tpmComp1.vue
			-->
			<template>
			<el-conatiner>
			<el-header>
			<el-button type="primary" @click="addNew">æ°å»º</el-button>
			<!-- <el-button type="primary">å¯¼å¥</el-button> -->
			<import-table style="margin:0 8px" :exportUrl="exportUrlTpl" :uploadUrl="uploadUrl"></import-table>
			<el-button type="primary" @click="exportData">å¯¼åº</el-button>
			<el-popconfirm width="220" cancel-button-text="åç¨" confirm-button-text="å é¤"
			title="å é¤æ°æ®ä¼å½±åå·²å³èçä¸å¡ ,è¥æ¨æ³å¨å·²å³èçä¸å¡ä¸ä¾ç¶æ¾ç¤ºè¿äºæ°æ®, æ¨å¯ä»¥éæ© åç¨ æä½ãåç¨åæ¤æ°æ®å°ä¸è½åè¢«æ°ä¸å¡ä½¿ç¨ã"
			@confirm="table_del(selection, '0')" @cancel="table_del(selection, '1')">
			<template #reference>
			<el-button :disabled="selection.length == 0" type="danger" plain icon="el-icon-delete"></el-button>
			</template>
			</el-popconfirm>
			<el-select v-model="params.status" placeholder="è¯·éæ©" style="width: 240px;margin-left: auto;">
			<template #prefix><span style="margin-right: 6px;">ç¶æ</span></template>
			<el-option key="0" label="åç¨" :value="0" />
			<el-option key="1" label="å¯ç¨" :value="1" />
			</el-select>
			<el-input style="width: 240px;margin-left: 8px;" v-model="params.keyWord" placeholder="è¯·è¾å¥æ£ç´¢åå®¹"></el-input>
			<el-button @click="search" style="margin-left: 8px;" type="primary" icon="el-icon-search"></el-button>
			<scDialog v-model="visible">
			<scForm v-if="visible" ref="form" :config="config" :rules="rules" v-model="form" @submit="submit">
			</scForm>
			</scDialog>
			</el-header>
			<el-main>
			<scTable ref="table" @selection-change="handleSelectionChange" row-key="id" border :apiObj="apiObj" stripe
			@dataChange="dataChange">
			<el-table-column type="selection" width="55" />
			<el-table-column prop="code" label="ç¹æ£ç¼å·" />
			<el-table-column prop="name" label="ç¹æ£é¡¹ç®" />
			<el-table-column prop="remark" label="ç¹æ£å¤æ³¨" />
			<el-table-column prop="statusName" label="ç¹æ£ç¶æ" />
			<el-table-column label="æä½" fixed="right" align="left" width="160">
			<template #default="scope">
			<el-button-group>
			<el-button text type="primary" size="small"
			@click="view(scope.row, scope.$index)">æ¥çç¹æ£é¡¹</el-button>
			<el-button text type="primary" size="small"
			@click="table_edit(scope.row, scope.$index)">ç¼è¾</el-button>
			<el-popconfirm width="220" cancel-button-text="åç¨" confirm-button-text="å é¤"
			title="å é¤æ°æ®ä¼å½±åå·²å³èçä¸å¡ ,è¥æ¨æ³å¨å·²å³èçä¸å¡ä¸ä¾ç¶æ¾ç¤ºè¿äºæ°æ®, æ¨å¯ä»¥éæ© åç¨ æä½ãåç¨åæ¤æ°æ®å°ä¸è½åè¢«æ°ä¸å¡ä½¿ç¨ã"
			@confirm="table_del([scope.row], '0')" @cancel="table_del([scope.row], '1')">
			<template #reference>
			<el-button type="danger" text size="small">å é¤</el-button>
			</template>
			</el-popconfirm>
			</el-button-group>
			</template>
			</el-table-column>
			</scTable>
			</el-main>
			<scDialog v-model="visibleCheck">
			<scFormTable ref="table1" v-model="tabledata" stripe hideDelete :addTemplate="addTemplate">
			<el-table-column label="ç¹æ£é¡¹" prop="name">
			<template #default="scope">
			<el-input v-if="scope.row.isEdit" v-model="scope.row.name"></el-input>
			<span v-else>{{ scope.row.name }}</span>
			</template>
			</el-table-column>
			<el-table-column label="æ°å¼ç±»å" prop="valueType">
			<template #default="scope">
			<el-select v-if="scope.row.isEdit" v-model="scope.row.valueType" style="width: 100%;"
			@change="change($event, scope.row)">
			<el-option v-for="(item, index) in options" :key="index" :label="item"
			:value="item"></el-option>
			</el-select>
			<span v-else>{{ scope.row.valueType }}</span>
			</template>
			</el-table-column>
			<el-table-column label="ç¹æ£è¦æ±" prop="requirement">
			<template #default="scope">
			<el-input v-if="scope.row.isEdit" v-model="scope.row.requirement"></el-input>
			<span v-else>{{ scope.row.requirement }}</span>
			</template>
			</el-table-column>
			<el-table-column label="æ åæ°å¼" prop="standardValue" width="180">
			<template #default="scope">
			<el-input v-if="scope.row.isEdit && scope.row.valueType === 'Text'"
			v-model="scope.row.standardValue"></el-input>
			<el-input-number v-model="scope.row.standardValue"
			v-else-if="scope.row.isEdit && scope.row.valueType === 'Number'" :min="0" />

			<el-date-picker style="width: 150px" value-format="YYYY-MM-DD" v-model="scope.row.standardValue"
			v-else-if="scope.row.isEdit && scope.row.valueType === 'Date'" type="date" />
			<span v-else>{{ scope.row.standardValue }}</span>
			</template>
			</el-table-column>
			<el-table-column label="æä½" prop="state">
			<template #default="scope">
			<el-button-group>
			<el-button v-show="!scope.row.id \|\| scope.row.isEdit" text type="primary" size="small"
			@click="add(scope.row)">ä¿å</el-button>
			<el-button v-show="!scope.row.id \|\| scope.row.isEdit" text type="primary" size="small"
			@click="cancel(scope.row)">åæ¶</el-button>
			<el-button v-show="!scope.row.isEdit" text type="primary" size="small"
			@click="edit(scope.row)">ç¼è¾</el-button>
			<el-popconfirm width="220" title="ç¡®å®å°éæ©çæ°æ®å é¤" @confirm="del(scope.row)">
			<template #reference>
			<el-button v-show="!scope.row.isEdit" text type="primary"
			size="small">å é¤</el-button>
			</template>
			</el-popconfirm>
			</el-button-group>

			</template>
			</el-table-column>
			</scFormTable>
			</scDialog>
			</el-conatiner>
			</template>

			<script>
			import importTable from '@/layout/components/importTable.vue'
			export default {
			components: {
			importTable,
			},
			data() {
			return {
			params: {
			status: 1,
			key: ''
			},
			form: {},
			selection: [],
			visible: false,
			exportUrlTpl: '/api/blade-cps/check-project/excel/template',
			uploadUrl: '/api/blade-cps/check-project/excel/import',
			config: {
			labelWidth: 120,
			formItems: [
			{
			component: 'input',
			label: 'ç¹æ£ç¼å·',
			name: 'code',
			options: {
			placeholder: '',
			maxlength: 100,
			}
			},
			{
			component: 'input',
			label: 'ç¹æ£é¡¹ç®',
			name: 'name',
			options: {
			multiple: false,
			data: []
			},
			disabled: false
			},
			{
			component: 'input',
			label: 'å¤æ³¨',
			name: 'remark',
			type: 'textarea',
			options: {
			multiple: false,
			data: []
			},
			disabled: false
			},
			{
			component: 'select',
			label: 'ç¶æ',
			name: 'status',
			options: {
			multiple: false,
			items: [
			{
			value: 1,
			label: 'å¯ç¨'
			},
			{
			value: 0,
			label: 'åç¨'
			},
			]
			},
			disabled: false
			}
			]
			},
			rules: {
			code: [
			{ required: true, message: 'è¯·è¾å¥' },
			],
			name: [
			{ required: true, message: 'è¯·è¾å¥' },
			]
			},
			apiObj: {
			get: async (data) => {
			let params = {
			...data,
			...this.params
			}
			return await this.$HTTP.get(`/api/blade-cps/check-project/page`, {}, { params }).then(res => {
			res.data.records = res?.data?.records.map(v => {
			return {
			...v,
			statusName: v.status ? 'å¯ç¨' : 'ç¦ç¨'
			}
			})
			return res
			})
			}
			},
			visibleCheck: false,
			tabledata: [],
			options: ['Text', 'Number', 'Date'],
			addTemplate: {
			isEdit: true,
			name: '',
			requirement: '',
			standardValue: '',
			valueType: ''
			}
			}
			},
			methods: {
			handleSelectionChange(selection) {
			this.selection = selection
			},
			addNew() {
			this.config.formItems[0].disabled = false
			this.config.formItems[1].disabled = false
			this.form = {
			status: 1,
			}
			this.visible = true
			},
			table_edit(row) {
			this.config.formItems[0].disabled = true
			this.config.formItems[1].disabled = true
			this.form = {
			...row
			}
			this.visible = true
			},
			submit() {
			if (!this.form.id) {
			this.$HTTP.post(`/api/blade-cps/check-project`, this.form).then(res => {
			if (res.success) {
			this.visible = false
			this.search()
			}
			})
			} else {
			this.$HTTP.put(`/api/blade-cps/check-project`, this.form).then(res => {
			if (res.success) {
			this.visible = false
			this.search()
			}
			})
			}

			},
			exportData() {
			this.$HTTP.post(`/api/blade-cps/check-project/excel/export`, {}, { params: this.params }).then(res => {
			if (res.success) {
			window.open(res.data.link)
			}
			})
			},
			search() {
			this.$refs.table.reload()
			},
			table_del(selection, type) {
			this.$HTTP.delete(`/api/blade-cps/check-project?type=${type}`, {}, {
			data: {
			ids: selection.map(v => v.id),
			}
			}).then(res => {
			if (res.success) {
			this.search()
			} else {
			this.$message.error(res.msg)
			}
			})
			},
			view(row) {
			this.selectRow = row
			this.getList().then(() => {
			this.visibleCheck = true
			})
			},
			getList() {
			let row = this.selectRow
			return this.$HTTP.get(`/api/blade-cps/check-item/list?projectId=${row.id}`).then(res => {
			if (res.success) {
			this.tabledata = res.data
			}
			})
			},
			del(row) {
			this.$HTTP.delete(`/api/blade-cps/check-item`, {}, {
			data: {
			ids: [row.id]
			}
			}).then(res => {
			if (res.success) {
			this.getList()
			}
			})
			},
			edit(row) {
			row.isEdit = true
			},
			change(e, row) {
			row.standardValue = ''
			},
			cancel(row) {
			row.isEdit = false
			},
			add(row) {
			if (!row.id) {
			this.$HTTP.post(`/api/blade-cps/check-item`, {
			checkProjectId: this.selectRow.id,
			items: [{
			...row,
			name: row.name,
			requirement: row.requirement,
			standardValue: row.standardValue,
			valueType: row.valueType,
			status: 1,
			editable: true
			}]
			}).then(res => {
			this.getList()
			})
			} else {
			this.$HTTP.put(`/api/blade-cps/check-item`, {
			...row,
			name: row.name,
			requirement: row.requirement,
			standardValue: row.standardValue,
			valueType: row.valueType,
			status: 1,
			}).then(res => {
			this.getList()
			})
			}
			}
			},
			}
			</script>

			<style lang="scss" scoped></style>

	src/views/console/basic-data/tpm-data.vue	8 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/console/basic-data/tpmComp1.vue	356 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

			@@ -1,7 +1,7 @@
			<!--
			* @Date: 2024-06-16 19:47:41
			* @LastEditors: Sneed
			* @LastEditTime: 2024-06-23 19:54:17
			* @LastEditTime: 2024-06-23 19:59:13
			* @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/console/basic-data/tpm-data.vue
			-->
			<template>
			@@ -24,7 +24,7 @@
			</el-container>
			</el-tab-pane>
			<el-tab-pane label="ç¹æ£é¡¹ç®" name="2">

			<tpmComp1></tpmComp1>
			</el-tab-pane>
			<el-tab-pane label="æéç±»å" name="3">
			<el-container>
			@@ -53,10 +53,12 @@
			<script>
			import Header from './tpm-data-header.vue'
			import TpmData1 from './tpm-data1.vue'
			import tpmComp1 from './tpmComp1.vue'
			export default {
			components: {
			Header,
			TpmData1
			TpmData1,
			tpmComp1
			},
			data() {
			return {