From d8df1d1a57ed07c2c2bfd84e558e6198f821cdb6 Mon Sep 17 00:00:00 2001 From: schangxiang@126.com <schangxiang@126.com> Date: 周日, 04 5月 2025 21:55:12 +0800 Subject: [PATCH] 1111 --- HIAWms/web/README.md | 228 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 228 insertions(+), 0 deletions(-) diff --git a/HIAWms/web/README.md b/HIAWms/web/README.md new file mode 100644 index 0000000..09d27aa --- /dev/null +++ b/HIAWms/web/README.md @@ -0,0 +1,228 @@ +# information-standard-tpl + +## 瀹夎鐜 + +瀹夎[nodeJs](https://nodejs.cn/)鐜,涓嬭浇 nodejs锛屽畨瑁呭畬鎴愬悗锛� + +```js +node - v +``` + +## 瀹夎 yarn + +```js +npm install -g yarn +``` + +## 瀹夎渚濊禆 + +```js +yarn +``` + +## 杩愯 + +```js +npm run dev +// or +yarn dev + +``` + +## 缂栬瘧 + +```js +npm run build +``` + +## 鐩綍缁撴瀯 + +```js +|- public +|- script +|- src +|----api //鏆傛椂搴熷純 +|----assets //璧勬簮 +|----cms //cms sdk渚濊禆 +|----components //cms sdk渚濊禆 +|------BaseDialog //灏佽鐨勫脊绐楋紝鏍峰紡缁熶竴 +|------Table//灏佽鐨勮〃鏍硷紝鏍峰紡缁熶竴 +|------other...//鍏朵粬 +|----provider //鍏ㄥ眬娉ㄥ叆锛宔lement鍛藉悕绌洪棿 +|------provider.ts // h +|------provider.vue // render缁勪欢 +|----utils //宸ュ叿 +|------enum //鏋氫妇 +|----widgets //缁勪欢 +|------hook.ts //閽╁瓙 +|------... +index.html +``` + +## 鍔熻兘 + +#### 鍛藉悕绌洪棿 + +> `element-plus`閲囩敤`sass`鐨刞$namespace`鏉ヨВ鍐砢css`鏍峰紡鍐茬獊闂 + +```js +$namespace = 'cs' +``` + +element-plus 缁勪欢鐨勬牱寮忎粠 el-xx 鏇挎崲鎴� cs-xx锛屼娇鐢ㄦ椂锛屼粛鐒朵娇鐢�<el-xx></el-xx> + +> element-plus 鑷姩鎸夐渶寮曞叆锛屾棤闇�鎵嬪姩寮曞叆锛屾棤闇�鍏ㄥ眬瀹夎 + +<b>锛侊紒锛佹敞鎰�</b> + +浣跨敤 ElMessage 鍜� ElMessageBox 鏃讹紝闇�瑕佹墜鍔ㄥ紩鍏� + +```js +import { ElMessage, ElMessageBox } from 'element-plus' +``` + +### 鏉冮檺 + +鍦�/src/widgets/hook.ts 涓紩鍏ユ潈闄愭帶鍒� hook + +```js +import { usePermission } from '@/libs/Permission/Permission' +import { permissionCodes } from '../enum' + +usePermission(props, permissionCodes) + +... +defineComponent({ + directives: { + permission: vPermission, + }, +}) + + <IconButton + //鏉冮檺鎺у埗 + v-permission="workSection-add" + icon="add-p" + onClick={onAddProcess} + type="primary" +> + 娣诲姞MyEntityName +</IconButton> + +``` + +### 璺敱鍦板潃 + +璺敱鍦板潃缁熶竴鐢� package.json 涓殑 name 鍜�/widgets/[缁勪欢鍚峕鎷兼帴鑰屾垚 +濡傦細 + +> https://localhost:8001/#/base/PersonnelQualification + +### 缁熶竴浣跨敤`BaseDialog`鍜宍Table`鏉ュ紑鍙� + +#### 寮圭獥渚嬪瓙 + +```vue +<BaseDialog + :title="t('缂栬緫浜哄憳璧勮川')" + v-model="visible" + class="person-dialog" + @close="visible = false" + @confirm="onConfirm" +> + <el-form + label-width="113px" + :inline="true" + :model="formData" + label-position="left" + > + <el-form-item :label="t('浜哄憳ID')" class="person-item"> + <el-input + v-model="formData.user" + :placeholder="t('璇疯緭鍏ヤ汉鍛業D')" + class="person-input" + disabled + clearable + /> + </el-form-item> + ... + </el-form> + </BaseDialog> +``` + +#### Table 琛ㄦ牸缁勪欢 + +```vue +<div class="table-content"> + <Table + :dataSource="dataSource" + :columns="columns" + :total="total" + :pageSize="MaxResultCount" + :isChecked="true" + @sort="onSort" + @page="onPageChange" + > + <template #printTime="{ row }"> + <span>{{ dayjs(row.printTime).format('YYYY-MM-DD HH:MM:ss') }}</span> + </template> + <template #action="{ row }"> + <el-button @click="onEdit(row)" class="btn-edit" type="info">{{ + t('淇敼') + }}</el-button> + </template> + </Table> +</div> + +... + +<script> +const columns = [ + { + title: '搴忓彿', + type: 'seq', + width: '60', + }, + { + title: '浜哄憳ID', + field: 'personID', + }, + { + title: '浜哄憳濮撳悕', + field: 'name', + }, + { + title: '璧勮川宸ュ簭鐮�', + field: 'qualification', + }, + { + title: '鍗″彿', + field: 'cardNumber', + }, + { + title: '鎿嶄綔', + field: 'action', + width: '100', + }, +] +</script> +``` + +### 鍒嗘敮鍛藉悕 + +> 寮�鍙戯細feature/xx +> 绋冲畾锛歳elease/xx + +### 闂 + +濡傞亣鍒伴棶棰橈紝鎶婇棶棰樻姏鍒扮兢閲岋紝澶у涓�璧锋兂鍔炴硶瑙e喅锛屼笉瑕佷竴涓汉闂风潃銆� + +### 寰墠绔厤缃� + +**`single-spa`** +寰呰ˉ鍏�... + +### 璧勬簮鏁村悎骞冲彴 + +瑙e喅寮�鍙戞晥鐜囧拰椤圭洰璧勬簮娴垂绛夐棶棰� +寰呰ˉ鍏�... +鏂规寰呮洿鏂�... -- Gitblit v1.9.3